Try bootstrap

by doug65536

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootswatch/3.0.0/cyborg/bootstrap.min.css">
<div class="container">
    <div class="page-header jumbotron">This is the page header</div>
    <div class="navbar">
        <div class="navbar-inner"> <a class="brand" href="#">Title</a>

            <ul class="nav">
                <li class="active col-xs-2"><a href="#">Home</a>
                </li>
                <li><a href="#" class=" col-xs-2">Link</a>
                </li>
                <li><a href="#">Link</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-2">This is the left thing</div>
        <div class="col-sm-8">
            <p>This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big. This is the left thing and it is big. very very big.</p>
        </div>
        <div class="col-md-2">This is the right thing</div>
    </div>
</div>