Do you mean like this?
<!doctype html>
<style type="text/css">
* {
margin: 0;
padding: 0;
}
#content {
width: 50%;
font: .825em/1.8 'lucida sans unicode', 'lucida grande', verdana, sans-serif;
padding: 0 1em;
border: 1px #333 solid;
border-width: 0 1px;
margin: 0 auto;
}
#nav:after {
content: ".";
height: 0;
visibility: hidden;
display: block;
clear: both;
min-height: 1%;
}
* html #nav {
height: 1%;
}
#nav a {
text-decoration: none;
color: #06c;
}
#nav #prev {
float: left;
}
#nav #next {
float: right;
}
</style>
<div id="content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis dictum. Sed sodales tempus nunc. Donec tincidunt, velit non aliquet adipiscing, orci mauris tempor orci, quis auctor felis enim sed nulla. Etiam varius tempus arcu. Cras arcu mauris, ullamcorper sit amet, iaculis ornare, suscipit quis, risus. Pellentesque mattis augue id eros. Aliquam dui enim, molestie ac, auctor vitae, molestie nec, nisi. Curabitur commodo dui sed risus. Maecenas vitae neque a odio mattis mollis.</p>
<div id="nav">
<a href="/prev/" rel="prev" id="prev" title="Previous">« Previous</a>
<a href="/next/" rel="next" id="next" title="Next">Next »</a>
</div>
</div>