Верстка. Вертикальное выравнивание текста. Подскажите

88

luckydan

6 сентября 2013, 12:54

395

Есть код:

<span class="color_icon"></span> Выделить объявление

цсс:

.color_icon { width:20px; height:20px; background-image:url("http://site.com/images/pen.gif"); font-size:1px; top:3px; display:inline-block; }

Как сделать чтобы текст был вертикально посредине относительно картинки?

jpg 22112211.jpg

110

izbushka

6 сентября 2013, 13:14

#1

vertical-align:middle; ?

L

88

luckydan

6 сентября 2013, 13:30

#2

пробовал - не выходит.

110

izbushka

6 сентября 2013, 13:38

#3

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <style>
    .color_icon {  width:40px; height:40px; background-image:url("https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/188168_109286828916_1288329454_q.jpg"); font-size:1px; top:3px; display:inline-block;  vertical-align:middle;}  
  </style>
</head>
<body>
 <span class="color_icon"></span> Выделить объявление  
</body>

У меня выходит

L

88

luckydan

6 сентября 2013, 13:47

#4

точно выходит) Спасибо!

Что такое Power BI и зачем это нужно бизнесу

Дзен реализовал для авторов возможность вывода денег через СПБ