Дивно вот так, например.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<style type="text/css">
.wrapper {
background: yellow;
border: solid black 1px;
width: 200px;
}
.wrapper:after {
content: ".";
display: block;
height: 0px;
overflow: hidden;
clear: both;
}
.content {
display: inline;
float: right;
padding: 5px;
width: 400px;
margin: -1px -400px -1px 0px;
background: lightgray;
position: relative;
left: 30px;
border: solid black 1px;
}
.left-column {
display: inline;
float: left;
padding: 5px;
}
</style>
</head>
<body>
<div class="wrapper">
<div class="left-column">
<p>Из-за леса, из-за гор<br />
Показал нам Тор топор</p>
</div>
<div class="content">
<p>Тили-тили,<br />
Трали-вали.<br />
Это, братцы, мне по силе.<br />
Откажусь теперь едва ли!</p>
</div>
</div>
</body>
</html>
Но можно не побрезговать и по совету
Skipp сделать таблицей — проще и надежней.
