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

Filed under:
|
|
|
<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.

  1. I want to have all the three cells to have a height of 100 pixels.
  2. I want the image to be centered and left aligned.
  3. The middle text to centered.
  4. Third text to centered and right aligned.

I could not make it working.

© Stack Overflow or respective owner

Related posts about css

Related posts about css3