You can place your content in div containers and use inline css styles to specify their properties. If you are not familiar with css layouts there are a number of on-line generators and tutorials. Just search for css layout. Here is an example of a two column div layout contained in a 650px wide div holder.

<div id="divholder" style="width:650px;">
<div style="width:200px; padding:10px; margin-left:20px; margin-right:30px; background-color:silver; float:left; " >
<p>Left div content</p></div>
<div style="width:300px; display:inline-block; padding:10px; border:1px black dashed; ">
<p>Right Div content</p></div>
</div>

Here is what the above code looks like:

I would note however that placing your css in a separate file is the preferred method. I often will add it to the skin.css file. You can the assign your div's a class and then you don't have to rewrite the css inline every time you want to use it.

For example you could have a class named divLeft and divRight and the css you look like this:

#divholder {
    width:650px;
}

.divLeft {
    width:200px;
    padding:10px;
    margin-left:20px;
    margin-right:30px;
    background-color:silver;
    float:left;


.divRight {
    width:300px;
    display:inline-block;
    padding:10px;
    border: 1px black dashed;
}

Your html would then look like this:

<div id="divholder">
<div class="divLeft"><p>Left div content</p></div>
<div class="divRight"><p>Right Div content</p>
    </div>
</div>

Hope this helps

Rich