Hello,
I am doing some tests with template, and as an example I copied and paste the About Us in Oxfam website. It adds below content and styled code
<div id=”content-header” style=”font-family: Arial, Helvetica, ‘Bitstream Vera Sans’, sans-serif; font-size: 13px; line-height: 16.203125px;”>
<h1 class=”title” style=”line-height: 1.3em; margin: 0px 0px 10px; letter-spacing: -1px; font-weight: normal;”>
About us</h1>
</div>
<div id=”content-area” style=”font-family: Arial, Helvetica, ‘Bitstream Vera Sans’, sans-serif; font-size: 13px; line-height: 16.203125px;”>
<div class=”node node node-type-story” id=”node-1750″>
<div class=”node-inner”>
<div class=”content”>
<p style=”margin: 1em 0px;”>
Oxfam is an international confederation of 17 organizations networked together in more than 90 countries, as part of a global movement for change, to build a future free from the injustice of poverty.</p>
<p style=”margin: 1em 0px;”>
We work directly with communities and we seek to influence the powerful to ensure that poor people can improve their lives and livelihoods and have a say in decisions that affect them.</p>
<h3 style=”font-size: 1.3em; line-height: 1.3em; margin-top: 0px; margin-bottom: 0.769em;”>
<a href=”http://www.oxfam.org/en/about/what” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>What we do</a></h3>
<p style=”margin: 1em 0px;”>
Find out how we work with others to end poverty and injustice, from campaigning to responding to emergencies.</p>
<h3 style=”font-size: 1.3em; line-height: 1.3em; margin-top: 0px; margin-bottom: 0.769em;”>
<a href=”http://www.oxfam.org/en/about/how-oxfam-fights-poverty” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>How we fight poverty</a></h3>
<p style=”margin: 1em 0px;”>
Using a six-sided strategy to weave together the complex web of our efforts and joining with others, we seek to overcome poverty.</p>
<h3 style=”font-size: 1.3em; line-height: 1.3em; margin-top: 0px; margin-bottom: 0.769em;”>
<a href=”http://www.oxfam.org/en/about/why” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>Why we do it</a></h3>
<p style=”margin: 1em 0px;”>
We believe that respect for human rights will help lift people out of poverty.</p>
<h3 style=”font-size: 1.3em; line-height: 1.3em; margin-top: 0px; margin-bottom: 0.769em;”>
<a href=”http://www.oxfam.org/en/about/history” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>Our history</a></h3>
<p style=”margin: 1em 0px;”>
Find out more about Oxfam.</p>
<h3 style=”font-size: 1.3em; line-height: 1.3em; margin-top: 0px; margin-bottom: 0.769em;”>
<a href=”http://www.oxfam.org/en/about/accountability” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>Accountability</a></h3>
<p style=”margin: 1em 0px;”>
We strive to do what we say we will do. Read about our core values and operating principles against which we measure ourselves.</p>
<div>
From 2013-2019, our work to achieve a just world without poverty will be guided by our Strategic Plan <strong><a href=”http://www.oxfam.org/en/about/accountability/oxfam-strategic-plan-2013-2019/” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>The Power of People Against Poverty</a>.</strong></div>
<h3 style=”font-size: 1.3em; line-height: 1.3em; margin-top: 0px; margin-bottom: 0.769em;”>
<a href=”http://www.oxfam.org/en/getinvolved/jobs” rel=”nofollow” style=”color: rgb(136, 204, 0); text-decoration: none;”>Work for Oxfam</a></h3>
<p style=”margin: 1em 0px;”>
Looking for a rewarding career? A fulfilling internship? Have time to volunteer?</p>
</div>
</div>
</div>
</div>
If you add this to editor, it would damage the template (category view the navigation bars will move to middle of page, and article view would be totally ruined). What element causing this and how you can avoid this is a site where other people may add articles and copy and paste content from other sites or pages?
Thank you.
