I want my elements to align to the top (elements in a table).
Now i have:
xxx yyy zzz
yyy
qqq fff ggg
and I want:
xxx yyy zzz
qqq yyy ggg
fff
code:
<html>
<style type="text/css">
td {vertical-align:top;padding-right:30px;width:20px;}
th tr {width:220px;}
</style>
<table border="0">
<tbody>
<tr>
<th>header</th>
<th>header</th>
<th>header</th>
</tr>
<tr>
<td>td1</td>
<td>td2 bla bla bla bla bla bla blablablablablablablablablablabla</td>
<td>td3</td>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
</tr>
</tbody>
</table>
</html>
I have a fiddle: the fiddle
Thanks in advance
If you are not bothered about the content remaining in the
x/yposition it has been set at in the table, I’m guessing this isn’t tabular data, and therefore you shouldn’t be using a table..Therefore I would recommend using div’s and CSS to position this content
http://www.vanseodesign.com/css/3-column-css-layout/