Im developing a web, adlanguagesbarcelona.com, and I messed up a littletrying to align the "FGC" symbol, as shown in the left sidebar , with the text "Muntaner (Metro). It used to be on the same line, but I messed it up somehow and my knowledge of CSS is not that good (although Im improving quickly). Same thing with the Bus symbol and the numbers of the Buses avaliable. I cant seem to find a way to be in the same line and aligned (meaning, that it doesn't look weird)
I would really thank if anyone could help me.
Thanks in advanace!
<span style="float: left; margin-left: 5px;"><img src="http://www.transportebcn.es/images/fuente/fgc.gif" width=90px></span><span style="margin-top: 13px; float: left; vertical-align: top;font-weight: bold;margin-left: 5px;">Muntaner (Metro)</span>
<span style="float: left; margin-left: 5px;"><img src="http://www.designofsignage.com/application/symbol/railway/image/600x600/bus.jpg" width=80px></span><span style="float: left; vertical-align: sub; width: 135px; margin-left: 10px; margin-top: 20px;">6, 7, 14, 15, 27, 31, 32, 33, 34, 58, 64, 68</span>