Размеры списка в стиле ⇐ Html

[Anonymous]

Я хочу применить изображения в качестве значков списка к списку ниже: < /p>

• Dashboard
• Mechanics
• Individuals
• Settings
• Messages
• Support
• Logout

< /code>
Я попробовал < /p>
ul li{
padding-left: 22px;
background: url("img/piz.png") left center no-repeat;
line-height: 22px;
list-style-position: outside;
}
< /code>
Я получил свой список в фоне в форме коробки без изображений в любом месте
Также я попробовал < /p>
ul li{
list-style-image: url("img/piz.png");
width: 10px;
height: 10px;
}

ul li:before {
width: 10PX;
height: 10PX;
size: 3px;
}
< /code>
Я получил большие изображения рядом с моим списком, создавая большие пространства между каждым элементом списка < /p>
То, что я ищу, - это то, как контролировать размер списка как небольшие значки рядом со списком. Пожалуйста, помогите

Подробнее здесь: https://stackoverflow.com/questions/795 ... tyle-image