Question

I am quite new to css and html, and I am having trouble floating divs within a another div,
I’ve done quite a bit of research online but have not been able to come up with a solution.

these are the sites I have read and where of no use:

barelyfitz /screencast/html-training/css/positioning/

stackoverflow /questions/580195/css-layout-2-column-fixed-fluid

mirificampress /show.php?id=106

How to get Floating DIVs inside fixed-width DIV to continue horizontally?

My code can be found on jsFiddle here

Answer 1

I hope this will help.
CSS:

#left, #right {
 width: 100px; //change this to whatever required
 float: left;
}

HTML :

<div id="wrapper">
    <div id="left">
       <p class="t0">lorum itsum left</p>
    <div>
    <div id="right">
       <p class="t0">lorum itsum right</p>
    <div>
<div>