นี้คือโค้ดที่เอารูปมาให้ดูนะครับ
Code
<div class="wrapper wrapper-services">
<div class="col-3">
<h3>ทดสอบ</h3>
<p>Lorem ipsum dolor sit amet, con- sectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
<ul>
<li><a href="#">ทดสอบ1</a></li>
<li><a href="#">ทดสอบ2</a></li>
<li><a href="#">ทดสอบ3</a></li>
<li><a href="#">ทดสอบ4</a></li>
<li><a href="#">ทดสอบ5</a></li>
</ul>
<p><span class="gn_static-link"><a href="#">Read more</a></span></p>
</div>
<div class="col-3">
<h3>Building Strong Relationships</h3>
<p>Ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <img src="http://image.ohozaa.com/i/d46/218x100.png" /></p>
<p><span class="gn_static-link"><a href="#">Read more</a></span></p>
</div>
<div class="col-3_1">
<h3>Healing From Trauma</h3>
Dolor sit amet, consectetur adipisicing elit, sed do alarm eiusmod tempor incididunt ut labore et dolore magna aliqua.
<ul>
<ul>
<li><a href="#">Recognize they are not responsible for the abuse they have suffered</a></li>
<li><a href="#">See that they are now safe</a></li>
<li><a href="#">Learn to trust and build healthy relationships</a></li>
<li><a href="#">Help their loved ones understand how to contribute to the healing</a></li>
</ul>
</ul>
<br /><span class="gn_static-link"><a href="#">Read more</a></span></div>
</div>
ส่วนคลาสที่เอามาใช้เป็น 3 column ก็คือแบบนี้
.col-3 {width: 218px; margin-right: 12px;}
.col-3_1 {width: 218px;}
ถ้าจะเขียนใหม่ต้องเขียนประมาณนี้หรือลป่าวครับ
<div class="wrapper wrapper-services">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<div class="col-3">
<h3>ทดสอบ</h3>
<p>..........xx.</p>
<ul>
<li><a href="#">ทดสอบ1</a></li>
</ul>
</tr>
<tr><p><span class="gn_static-link"><a href="#">Read more</a></span></p></tr>
</div>
<tr>
<div class="col-3">
<h3>Building Strong Relationships</h3>
<p>......xxxxx....</p>
<p><img src="http://image.ohozaa.com/i/d46/218x100.png" /></p>
</tr>
<tr><p><span class="gn_static-link"><a href="#">Read more</a></span></p></tr>
</div>
<tr>
<div class="col-3_1">
<h3>Healing From Trauma</h3>
...........xxxxxx..............
<ul>
<ul>
<li><a href="#">Recognize they are not responsible for the abuse they have suffered</a></li>
</ul>
</ul>
</tr>
<tr><br /><span class="gn_static-link"><a href="#">Read more</a></span></div></tr>
</div>
</table>
</div>
ประมาณนี้หรือปล่าวครับ
