Hi!
I would like to position two blocks of text on the same horizontal line on a scrolling page; the first text is enclosed with:
<div class = "firstposn"> block of styled text </div>
and the second with:
<div class="secondposn">block of styled text </div>
The CSS style is:
.firstposn{ position:relative; left:10%;}
and:
.secondposn{position:relative; left:70%}
The styling of the text with "width" is such that the blocks would not overlap. However, when displayed, the blocks are positioned one after the other vertically. I have tried this with other elements - e.g. two images, an image and a list, and an image and a block of text - all with the same presentation - i.e. one after the other vertically. Previously, I used tables to get these items horizontally adjacent.
I would appreciate some guidance on this.
Many thanks
Ron