:before или img...или что-то другое ?!?!

[ruslanpondin]

Господа, очень, очень сильно прошу вас помочь...задолбался нереально....сижу уже часов 6-7 и НИКАК НЕ МОГУ ДОГНАТЬ, КАК ЖЕ СДЕЛАТЬ ВЕРНО.

Итак, имеется темплейт ресторана, в блоке меню ресторана есть определенный список позиций, который подгружает дополнительные позиции при помощи кнопки...но, там где название позиции и цена - между ними должна быть резиновая серая линия....КАК ЭТО СДЕЛАТЬ, ЧЕРТ ПОДЕРИ...пожалуйста, помогите.

Ссылка на код:

https://jsfiddle.net/bu45rn4c/1/

Ссылка на изображение:

http://savepic.ru/7247519.jpg

Посоветуйте, может нужно было вообще не через dl, а просто через div, h и p.

[sigma77]

Так, например, https://jsfiddle.net/m3bs0cav/1/

[ruslanpondin]

Низкий поклон :-). Спасибо.

[antonKar]

может нужно было вообще не через dl, а просто через div, h и p

А какая разница? Теги же не для оформления.

[ruslanpondin]

Еще вопрос...практически все сверстал, за исключением пары моментов, таких как кнопка load more.

http://savepic.ru/7247519.jpg

А вопрос собственно в следующем.

Т.к. это можно реализовать только при помощи js...то что, стоит сделать для тех, у кого он отключен ? Ссылку на страницу с меню ? Или же не стоит заострять внимание на сегмент субъектов с выключенным js в принципе ?

Edited June 10, 2015 by ruslanpondin

[antonKar]

что, стоит сделать для тех, у кого он отключен ?

Ничего. Люди, отключающие JS, сами избрали себе путь мазохизма.