Return to spacing issues...

This week I have been working long and hard on a calendar for our app. I have it completely built but once again I got caught on styling it. For a little background, there is a weekview, this shows all the days of the week and the events that happen on them. Clicking one causes a popup to come up with the details of the day. We decided to add weather for the morning, noon, and the evening at the top. I was going to post the Hi and Low for each time with an icon displaying next to it kind of like this:

Hi: 54 [icon]
Low: 32

Seems simple enough but It just turned into a huge mess that I couldnt figure out. I tried doing it with a table, about a million different ways. But every way I did it either put the icon underneath the table, or pushed the second row down too far. This once again caused me to believe the best way would be to do it with div's. I tried a couple cracks at it using the float, display, and align properties but just figured I was wasting time. It was totally pointless to see a hi and low at those times of day anyway, it was irritating but I had to put it down and move on.

Edit: We decided to nix the times of day with with the weather, but still keep the high and low. So I went back to work on this today and figured it out. What I ended up doing was setting the float property to right on both the tables I needed to line up. I just sat down and got it right away, I guess I just needed a to give my eyes a break.