#mainblock {
width: 640px;
height: 400px;
background-image: url(images/mainbg.gif);
display:inline; float: left;
position: relative; top:-100px; z-index: 15;
}
#maintenancecontent {
width: 315px;
height: 395px;
padding: 10px;
float:left; display:block;
}
#makeovercontent {
width: 315px;
height: 395px;
padding: 10px;
float:left; display: block;
}
<div id="mainblock">
<div id="maintenancecontent">
<p>Maintenance</p>
</div><!--maintenanceconent-->
<div id="makeovercontent">
<p>Makeovers</p>
</div><!--makeovercontent-->
</div><!--mainblock-->
So this is the code.
Simply what I want to do is create two columns for text (#maintenancecontent, #makeovercontent) within this containing div which happnens to have to be inline.
I can imagine this is one of the easier problems you’ve come across, but I’m quite the novice.
Thanks for your help.
Johnny.