JSFiddle - React, Tailwind, and code Playground
HTML
<center class="wrapper">
<div class="panelinfo">
<div class="frame" align="center">
<a href="http://woonem.tk/">woonem.tk</a></div>
<div class="frame">Администратор:<br> <div class="quote">
woonem</div>
</div>
<div class="frame">Название:<br> <div class="quote">
Woonem</div>
</div>
<div class="frame">Подпись:<br> <div class="quote">
Woonem Inc &copy;2015<br> <script type="text/javascript...</div>
</div>
<div class="frame">IP-адрес:<br> <div class="quote">
78.26.151.67</div>
</div>
<div class="frame">Версия PHP:<br> <div class="quote">
5.5.26</div>
</div>
<div class="frame">Версия Woonem Engine:<br> <div class="quote">
3.1.3_stable</div>
</div>
<div class="frame">Заголовок:<br> <div class="quote">
(страница) / Woonem</div>
</div>
<div class="frame">Доминирующее приложение:<br> <div class="quote">
system</div>
</div>
<div class="frame">Главная страница:<br> <div class="quote">
projects</div>
</div>
</div><div class="panelmenu">
<div class="frame"><div class="quote">
Основное</div>
<a href="http://woonem.tk/system?apps" class="button">Приложения</a>
<a href="http://woonem.tk/system?style" class="button">Стили</a>
</div><div class="frame"><div class="quote">
Отладка</div>
<a href="http://woonem.tk/system?errors" class="button">Журнал ошибок</a>
<a href="http://woonem.tk/system?phpinfo" class="button">Информация о PHP</a>
</div><div class="frame"><div class="quote">
Аккаунт</div>
<a href="http://woonem.tk/system?chpass" class="button">Сменить пароль</a>
<a href="http://woonem.tk/system?signout" class="button">Удалить аккаунт</a>
<a href="http://woonem.tk/system?logout" class="button">Выход</a></div>
</div>
</center>
CSS
.wrapper {
max-width: 1000px; /* Делаем тягучим */
}
.panelinfo{
text-align: left;
float: left;
width: 210px;
}
.panelmenu{
text-align: right;
margin-left: 210px;
}
@media (max-width: 800px) {
.panelinfo{
float: none;
width: 100%;
}
.panelmenu{
margin-left: 0;
}
}