border-bottom dashed

[teatest]

Добрый день

 

http://jsfiddle.net/5BCwW/4/

 

Необходимо сделать подчеркивание.

 

Сейчас подчеркнут весь блок, а нужно только текст.

 

 

Пока вижу вариант с background, но хотелось бы более гибкий вариант.

 

Спасибо

 

[darknebel]

http://htmlbook.ru/faq/kak-dobavit-punktirnoe-podcherkivanie-k-ssylkam

 

Посмотри по этой ссылке. По такому же принципу можна подчеркнуть и текст.

[teatest]

Я же это в заголовке темы написал.

 

Если вы имеете в виду что-то иное, продемонстрируйте пожалуйста.

[darknebel]

Вот, что я имел ввиду: http://jsfiddle.net/smRsM/

 

Для абзаца или div'a нужно добавлять строчный элемент (span).

Надеюсь я вас правильно понял.

[teatest]

С border-bottom для подчеркивания я и ранее работал.

 

Меня интересует решение для данного случая.

 

Продемонстрируйте пожалуйста внутри моей верстки.

 

Сможете это сделать ?

[darknebel]

http://jsfiddle.net/5BCwW/6/

Что-то похожее. Для .field__item нужно увеличить высоту до 20рх, потому что не видно подчеркивания.

[teatest]

А я наоборот делал его меньше 20px из-за меньшего количества вложенностей.

Со span выходит еще один уровень.

Вместо span у меня во второй ссылке был один inner на том уровне, что и ваш span сейчас у всех, который с красным фоном.

 

Думал что display:inline для div будет вести себя как span.

 

Посмотрю еще более подробно скомпилированные стили из обоих примеров.

 

Спасибо вам за помощь.

 

Вот чего добивался http://jsfiddle.net/5BCwW/8/