htmlbook.ru

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

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

Тема: 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, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

AltStyle によって変換されたページ (->オリジナル) /