Question

I want to create a DIV with a header of 6px height and inside the div body, I want to align an Image and Text next to each other. The height of the DIV body should be fixed.

Answer 1

Here’s a very simple example of how to do what you want (using inline styles):

<div>   <div style='height:6px;width:500px;background-color:#3399CC;'></div>   <div style='clear:both'/>   <div style='float:left'><img src='http://www.google.com/intl/en_ALL/images/logo.gif'/></div>   <div style='float:left'>Your Text Here</div> </div> <div style='clear:both'/> 

You can test this code and try editing it in real time here: http://htmledit.squarefree.com/.