Здравствуйте!
Есть определенный шаблон:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv=Content-Type content='text/html; charset=windows-1251'>
<link href="/style.css" rel="stylesheet" type="text/css"></head>
<body>
<div class="main">
<div class="menu">
<ul>
<li><a href="#">Главная</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
<li><a href="#">Ссылка</a></li>
</ul>
</div>
<div class="content">
<h1>Что такое Lorem Ipsum</h1>
Lorem Ipsum является стандартной "рыбой" для текстов на латинице с начала XVI века. В то время некий безымянный печатник создал большую коллекцию размеров и форм шрифтов, используя Lorem Ipsum для распечатки образцов. Lorem Ipsum не только успешно пережил без заметных изменений пять веков, но и перешагнул в электронный дизайн. Его популяризации в новое время послужили публикация листов Letraset с образцами Lorem Ipsum в 60-х годах и, в более недавнее время, программы электронной вёрстки типа Aldus PageMaker, в шаблонах которых используется Lorem Ipsum.
</div>
</div>
</body>
</html>
body {margin: 0; background: #fff; padding: 0;}
div {font-family: Arial, Tahoma, sans-serif; font-size: 16px; color: #666; padding: 0; margin: 0;}
a:link, a:visited {color: #111; text-decoration: underline;}
a:hover {color: #000; text-decoration: underline;}
h1,h2 {font: normal 20px 'Arial'; color: #222; margin: 0; padding: 4px 0; text-decoration: none; line-height: 20px;}
.main {display: table; width: 1000px; margin: 40px auto;}
.menu {display: table-cell; width: 200px; background: #f5f5f5;}
.menu ul {margin: 0; padding: 0; list-style: none;}
.content {display: table-cell; background: #efefef; padding: 20px;}
Задача состоит в том, чтобы не меняя HTML шаблон, расположить блок меню после контента.
То есть в исходном коде шаблона сначала идет "меню" потом "контент", но внешне должно отображаться сначала "контент" потом "меню".
Загвоздка в том, что использовать flex'ы нельзя.
Подскажите пожалуйста, каким методом можно воспользоваться?
