Фоновое изображение на первой строчке div`a

[Serpanok]

Всем привет!

У меня есть див в котором текст, мне нужно на первую строчку, в левый угол, добавить изображение и чтобы у первой строчки был отступ на длину изображения(30px).

Пробовал так:

Код(html):

<div class="title">→ Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст! Текст!</div>

Код(css):

.title {
display:inline-block;
padding:0px;
margin:0px;
color:#333;
font-size:18px;
font-style:italic;
font-weight:bold;
}

.title:first-line {
padding-left:30px;
background:url(../images/tegs/twitter.png) no-repeat top left;
}

- Нет!

Подскажите!

Заранее спасибо!

[Gaspode]

Для :first-line нельзя задавать фон.

А вообще, нарисуйте, что вам нужно.

[ceil100]

text-indent

пример

Edited November 14, 2011 by ceil100

[Serpanok]

значок твитера это картинка а всё дальше после стрелки текст, это один блок div!

text-indent

пример

не работает - сдвигает с фоном

Edited November 14, 2011 by Serpanok

[ceil100]

так все-таки фоновая картинка или ссылка?

[Serpanok]

text-indent

пример

а нет, всё ок, твой вариант работает, то я не так написал код))