Вирівняти текст по центру блока

Дуже часто виникає потреба вирівняти текст по центру, цим задовбують і дизайнери і замовники. Така проста задача деколи буває досить серйозною проблемою. Особливо вирівнювання тексту вертикально. Отже які способи рівняння тексту бувають.

Чистка потоку в вьортці або Clearfix фокуси

Часто виникає потреба при верстанні макету, щоб батьківський блок обхоплював блок свого нащадка. Але дуже часто текст, картинка і т.д. наче в середині батьківського блоку, але блок (це переважно елемент з опцією display: block) його наче не помічає. Висота батьківського блоку, коли ми дивимося через інспектор так само дорівнює 0px. Як з цим боротися?

CSS3. Завантаження векторних значків через @font-face: за і проти

За допомогою @font-face{} ви можете завантажувати значки (іконки) не у вигляді PNG або GIF, а впровадити всередину шрифту і довантажити користувачеві через директиву @font-face. CSS3 дозволяє повертати такі значки, додавати тіні або навіть анімовані ефекти з плавною зміною кольору при наведенні курсору миші (раніше таке було можливе тільки на Flash).

Ось тут інструкція з використання набору шрифтів IconPack (.eot, .woff, .ttf, SVG) і завантаження значків за допомогою псевдо-елемента: :before та тега span.