I'd just like to split some text up into two short columns, separated by a vertical line, in the middle of full lines of text like so: text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text l text text text text text text text text text text text text text text text l text text text text text text text text text text text text text text text l text text text text text text text text text text text text text text text l text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text Can you help me with this? thanks.
Something like this maybe? Inside the body: <div id="col1"> column 1 </div> <div id="col2"> column 2 </div> Code (markup): Inside the style sheet (change to what you want): div#col1 { border-right:1px black; width:300px; float:left; } div#col2 { border-left:1px black; width:300px; clear:both; } Code (markup):
Thanks for your code. I applied it and this is what i see on my web page: column 1 column 2 How can I change it so the columns are side by side not above and below? And how can I put a vertical line inbetween them/ thanks.
oh sorry. Float the 2nd column right. then You would need something to clear both sides after those. I'll edit my post above to include it.
That's close. Even though column 2 is to the right, it is still below column 1. They are not side by side. Any thoughts? Thanks again.