Align text with variable

Align text with variable

I'm having a problem getting defined text on the same line as a dynamically updated variable.  I get this...

Temp:
57.7 F

when I want...

Temp: 57.7 F

The variable is updated with AJAX and I put it in between div tags.  I figured out how to put two div tags together with float, but I can't seem to figure this one out.  This is my code...

<div class="ui-block-a" style="float: left; text-align: left;">Temp: </div>
<div id="temp1" class="ui-block-a" style="float: left; text-align: left;"></div>

What am I doing wrong?