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: 246
        
<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