Три колонки текста

Иногда возникает необходимость изложить большой текст в нескольких колонках, что-то типа газетного варианта.

Я предлагаю в этих целях воспользоваться кодами CSS и HTML.
Между тегами head следует внести следующий код:

<style>

/* ----- LOWER SECTION ----- */

#lower {

margin:auto;

padding: 0px 0px 10px 0px;

width: 100%;

background:#333434;

}

#lower-wrapper {

margin:auto;

padding: 20px 0px 20px 0px;

width: 960px;

}

#lowerbar-wrapper {

border:1px solid #DEDEDE;

background:#fff;

float: left;

margin: 0px 5px auto;

padding-bottom: 20px;

width: 32%;

text-align: justify;

font-size:100%;

line-height: 1.6em;

word-wrap: break-word;

overflow: hidden;

}

.lowerbar {margin: 0; padding: 0;}

.lowerbar .widget {margin: 0; padding: 10px 20px 0px 20px;}

.lowerbar h2 {

margin: 0px 0px 10px 0px;

padding: 3px 0px 3px 0px;

text-align: left;

color:#0084ce;

text-transform:uppercase;

font: bold 14px Arial, Tahoma, Verdana;

border-bottom:3px solid #0084ce;

}

.lowerbar ul {

margin: 0px 0px 0px 0px;

padding: 0px 0px 0px 0px;

list-style-type: none;

}

.lowerbar li {

margin: 0px 0px 2px 0px;

padding: 0px 0px 1px 0px;

border-bottom: 1px dotted #ccc;

}

</style>

Между тегами body следует внести следующие коды:

<div id='lower'>

<div id='lower-wrapper'>

<div id='lowerbar-wrapper'>

Три колонки текста1

ggggggggggggggggggggggggggggggggggggg</div>

<div id='lowerbar-wrapper'>

Три колонки текста2

eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee</div>

<div id='lowerbar-wrapper'>

Три колонки текста3

tttttttttttttttttttttttttttttttttttttttttttttttttttttt</div>

<div style='clear: both;'/>

</div> </div>

Надеюсь эта информация окажется полезной...

---