Формула по центру

Влад Мержевич

Тема: CSS

Поместите формулу и ее номер на страницу, причем формула, независимо от ширины окна браузера, всегда располагается по центру, а номер по правому краю (рис. 1). Результат должен корректно отображаться в браузерах IE8, Firefox 3, Opera 10, Safari 5, Chrome 6 и их старших версиях.

Формула с номером

Рис. 1. Формула с номером

Сама формула вставляется в виде рисунка.

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Бином Ньютона</title>
  <style>
   .formula { text-align: center; }
   .num { float: right; }
  </style>
 </head>
 <body>
  <p>Бином Ньютона</p>
  <div class="formula">
   <p class="num">(12.1)</p>
   <p><img src="images/binom.png" alt="Бином Ньютона"></p>
  </div>
 </body>
</html>

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.