I have two divs. I want them to display side by side, on the same row. Using display:inline-block I can do that. But as soon as I position some text in the bottom right corner of div1, the two divs do not have the same vertical position. They are side by side, but the 2nd div starts at the vertical position of the positioned text in the 1st div. Why would it do that? Both Chrome and IE8 render it the same way.
( I am doing the nesting of the divs on the left side so that I can position absolutely within a div and not the page. I can't get text to position in the lower right corner of a div any other way. )
<div style="border:2px solid black;">
<div style="width:10em; height:4em; background:orange;color:White;
View Complete Post