Как поднять текст (знак доллара) по вертикали? И как картинку, вставленной с помощью content передвинуть левее?

Question

[Aleksey111]

https://jsfiddle.net/Aleks70694/mjukdzb7/
Залил скрины, как у меня выглядит и как должно быть.
Галочки лежат у меня на пк, не стал их грузить в интернет, поэтому их нет на jsfiddle.

Answer 1

[Денис Белевцов]

1. Для "$" vertical-align: top; Для "25" line-height: [нужное значение].
2. Каждой строчке списка дать padding-left, а галочки посадить на псевдоэлемент. Либо сверстать таблицей.
P.s. изучите БЭМ, хотя бы основы. Ваши селекторы - ад.

Comments

[Aleksey111]

ну так я этим занмаюсь 2 недели) спасибо за критику и за совет про БЭМ)

Answer 2

[WQP]

Вёрстка ужас... Накидал на скорую руку codepen.io/Glaswr/pen/zNoEzV лучше это, чем то что у вас

Comments

[Aleksey111]

ну так я этим занмаюсь 2 недели) спасибо за критику)

[Aleksey111]

где то читал, что просто селектор класса писать не стоит, он замедляет загрузку, т.к. лазит по всему коду и ищет этот класс, особенно это заметно, когда селекторов класса много. Это так или нет? исходя из этого я и думал, что лучше так делать, как делал

[WQP]

Aleksey111: не замедляет загрузку. Просто если кто-то потом будет править ваш код, то потратит время чтобы разобраться в нём. Если делаете только для себя, то это нормальная практика. Ну а если расширяемый код, то лучше использовать БЭМ.

[Aleksey111]

WQP: спасибо)

[Aleksey111]

А не подскажите еще, в .css в notepad++ не работает вложение элементов друг в друга, как у вас в коде? у меня не работает, и не подсвечивается, но вроде делаю, как у вас

[WQP]

Aleksey111: потому что я делал на SCSS. Вам нужно нажать для начала сюда https://yadi.sk/i/egVaqoFb39hMLe а вообще переходите уже на что-то более серьёзное.

Редактор - sublime text 3
Препроцессор css - sass (синтаксис scss)