Help with positioning of my layout

Hi guys. AM creating a website and have encountered a problem . Here is my webpage address

http://www.exploitation.org.uk/yellowTaxi/index.html

I have a green box with text in it (If you require us to load and unload your) and want to get the box next to it (London - Birmingham £90) sit next to each other. So that they are at the same level horizontally. Can anyone help cheers

 

you need to make the yellow bg of the content a bit wider I think. And then you need to place the two divs you want inside a div. and then set the css properties

like this

<div class="container">
<div class="left"></div>
<div class="right"></div>
</div>

then for the css

.container {
width: (width of margins plus width of both boxes all together)px
}


.left {
margin-left:20px (looks like thats what you wanted)
float:left
}

.right {
margin-left:20px (looks like thats what you wanted)
float:left
}


you need to add other things to the css like padding and colors and what not, but that gets you what you asked for.