列不会与wysiwyg编辑器保持一致

Question

有人可以帮我解决这个问题，Wordpress中的一个Wysiwyg编辑器让我头疼的是3个简单列的布局！

这是页面，因为你可以看到colums似乎与每一个相关，我无法看到我做错了什么或编辑器放入了什么!!

http://zonedigital.ie/pharmatherm/?page_id=6494

这是源代码：

＆＃13;

＆＃13;

<div class="one_third first_column"><img class="textmiddle alignleft" src="http://zonedigital.ie/pharmatherm/wp-content/uploads/2015/01/Adobe-Acrobat-icon-150x150.png" alt="Adobe-Acrobat-icon" width="20" height="20" /> Document 1</p>
<img class="textmiddle alignleft" src="http://zonedigital.ie/pharmatherm/wp-content/uploads/2015/01/Adobe-Acrobat-icon-150x150.png" alt="Adobe-Acrobat-icon" width="20" height="20" /> Document 2

</div>
<div class="one_third second_column">
<p style="text-align: left;"><img class="textmiddle alignleft" src="http://zonedigital.ie/pharmatherm/wp-content/uploads/2015/01/Adobe-Acrobat-icon-150x150.png" alt="Adobe-Acrobat-icon" width="20" height="20" /> Document 3</p>
<img class="textmiddle alignleft" src="http://zonedigital.ie/pharmatherm/wp-content/uploads/2015/01/Adobe-Acrobat-icon-150x150.png" alt="Adobe-Acrobat-icon" width="20" height="20" /> Document 4

</div>
<div class="one_third third_column">
<p style="text-align: left;"><img class="textmiddle alignleft" src="http://zonedigital.ie/pharmatherm/wp-content/uploads/2015/01/Adobe-Acrobat-icon-150x150.png" alt="Adobe-Acrobat-icon" width="20" height="20" /> Document 5</p>
<img class="textmiddle alignleft" src="http://zonedigital.ie/pharmatherm/wp-content/uploads/2015/01/Adobe-Acrobat-icon-150x150.png" alt="Adobe-Acrobat-icon" width="20" height="20" /> Document 6

</div>

＆＃13;

＆＃13;

＆＃13;

由于

Answer 1

您需要删除列之间的换行符（<br>标记）。也许可以将编辑器切换为纯文本来执行此操作。