Вопрос знатокам

[Newie]

Добрый день все участникам и модераторам.

Вопрос следующий:есть название чего-либо, и это название пишется в несколько строк, т.к. в одну в соответствии с шириной вмещающего контейнера не умещается, например

<a href="#">А я иду, гуляю

по Москве</a>

Позади надписи есть background-color(именно как строчного элемента, то есть заливка только позади текста)

Вопрос:как сделать так, чтобы в каждой строке текста от заливки были равномерные отступы слева и справа, а не только перед "A..." и после "...Москве". Пример -

http://newbie-asd-a.narod.ru/example.jpg

Надо, чтобы было как на верхнем рисунке, а не так, как на нижнем

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

[psywalker]

	<div style="width: 100px;border-left: 10px solid red; overflow: hidden;">

		<a href="#" style=" background: red; padding: 1px 0;">А я иду, гуляю
по Москве</a></div>

))

[Great Rash]

http://chikuyonok.ru/2010/01/uniform-text-background/

[psywalker]

Интересная статья. Но всё же мне интересно, на каком варианте вы остановились, товарищ Great Rash?

[Newie]

	<div style="width: 100px;border-left: 10px solid red; overflow: hidden;">

		<a href="#" style=" background: red; padding: 1px 0;">А я иду, гуляю
по Москве</a></div>

))

ок, только необходимо, чтобы справа от текста до заливки(в вашем случае красной), был бы тоже отступ в 10px

[Great Rash]

Но всё же мне интересно, на каком варианте вы остановились, товарищ Great Rash?

У меня никогда не было необходимости так извращяться

Вот и вот мне нравятся.

[Newie]

http://chikuyonok.ru/2010/01/uniform-text-background/

круто, сперва psywalker'у отписал, потом ссылку глянул, спасибо огромное!

[psywalker]

	<div style="width: 100px;border-left: 10px solid red; overflow: hidden;">
		<span style=" background: red; padding: 1px 10px 1px 0; position: relative; right: -10px;">
		<a href="#" style=" background: red; padding: 2px 0; position: relative; left: -10px;">А я иду, гуляю
по Москве</a></span></div>

У меня никогда не было необходимости так извращяться

Вот и вот мне нравятся.

Да, у меня тоже не было) Но вариант с релативом видимо самый нормальный из всех.

[Newie]

	<div style="width: 100px;border-left: 10px solid red; overflow: hidden;">

		<a href="#" style=" background: red; padding: 1px 0;">А я иду, гуляю
по Москве</a></div>

))

Ссылку Great Rash посмотрел, там все есть, спасибо!

У меня никогда не было необходимости так извращяться

Вот и вот мне нравятся.

Изыски дизайнеров, ничего не поделаешь!