Две колонки с текстом

Для мозга

by alexseroshtan

HTML

<div id="main">
    <div id="right-col">
        <h1>WE KNOKED EM`LL</h1>
    </div>
    <div id="left-col">
        <h1>DO YOU KNOW WHO IS JOHN RAMBO?</h1>
        <p class="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
        </p>
    </div>
</div>

CSS

h1 {
    font-weight: bold;
    margin-bottom: 10px;
}

#main {
    border-bottom: 1px dotted #CCC;
    padding: 10px 0;
}

#left-col {
    margin-right: 299px;
    padding: 0 10px;
    border-right: 1px dotted #CCC;
}

#right-col {
    float: right;
    width: 280px;
    padding: 0 10px;
}
p.text {
    margin-bottom: 10px;
}