Calling all geniuses! The Nobel Prize awaits the one who can unravel the mystery of why the second image is being pushed outside its containing div.
I followed what I thought was a simple set-up:
<div class="outerdiv" id="headerbox">
<div id="uwlogo">
<img src="uwlogo.png" height="50px"\>
</div>
<div id="JaminWEB">
<h1>JaminWEB</h1>
</div>
<div id="rainer">
<img src="rainer.jpg" height="50px"\>
</div>
</div>
accompanied by the appropriate CSS code
#uwlogo
{
float: left;
}
#JaminWEB
{
float: center;
}
#rainer
{
float: right;
}
h1
{
color: #FFF;
font-weight: 400;
text-align: center;
margin: auto;
padding: auto;
}
Here's the JFiddle link, just in case: http://jsfiddle.net/u7PJj/