Alignment for 2nd row data
Posted
by
user1736299
on Stack Overflow
See other posts from Stack Overflow
or by user1736299
Published on 2012-11-21T22:54:37Z
Indexed on
2012/11/21
22:59 UTC
Read the original article
Hit count: 196
<table>
<tr><td>test</td></tr>
<tr>
<td>
<div style= height:200px;">
<div style="border:1px solid yellow; display: inline-block; width:100px">
<img src="orderedList4.png">
</div>
<div align="center" style="border:1px solid green; display: inline-block; width:650px;height:100px;">
<div>center Test Header1</div>
<div>center Test Header2</div>
</div>
<div align="right" style="border:1px solid red;display: inline-block; width:100px">REL 1.0</div>
</div>
</td>
</tr>
</table>
In the above code, the image size is 75*75 pixels.
- I want to have all the three cells to have a height of 100 pixels.
- I want the image to be centered and left aligned.
- The middle text to centered.
- Third text to centered and right aligned.
I could not make it working.
© Stack Overflow or respective owner