Заметки PHP

Иногда возникают такие ситуации в верстке, в блоках, что внутренние элементы необходимо позиционировать по центру. Но, зная, что основной блок не требует растяжки по высоте или ширине, как кнопки, использование MARGIN или PADDING будет не правильным:

имеем кнопку, внутри имеется текст с иконкой, в HTML будет выглядеть так:

<div class="button"><span>какой то текст</span></div>

для позиционирования текста внутри кнопки, лучше воспользоваться POSITION:

<style type="text/css">
.button {background: url() no-repeat 0 0; width: XXXpx; height: YYYpx;}
.button span {position: relative; top: 5px; left: 10px;}
</style>

это избавит вас от проблем в разных браузерах.

Заметки css, fix, iefix, margin, padding, position relative, браузеры, кроссбраузерность кросс