Стиль списка Css. Как выровнять стили списка css?

Question

Мы хотим надлежащего выравнивания. Как продолжить css? Правильный текст выравнивания влево, с несколькими строками текста.

Answer 1

Свойство CSS, которое вы ищете, называется list-style-position, хотя установлено значение outside, значение, которое вы хотите, по умолчанию.

ul { 
    list-style-position: outside; 
} 

Конечно, если вы просто добавили изображение в начало своего текста, это не поможет. Вместо этого, установите:

ul { 
    list-style-position: outside; 
    list-style-image: url(/path/to/image.png); 
} 

Answer 2

Вы можете использовать как фоновое изображение тоже,

li { 
    background: url('yourArrowimg.png') left top no-repeat; 
    padding-left: 20px; 
    line-height: 18px; 
} 

Answer 3

Ваш вопрос не ясен, потому что вы хотите это поведение по умолчанию, как было упомянуто @oGeez

DEMO

<div id="wrapper"> 
    <ul> 
     <li>CSS</li> 
     <li>XHTML</li> 
     <li>Semantics</li> 
     <li>Accessibility</li> 
     <li>Usability</li> 
     <li>Open Web Standards</li> 
     <li>PHP</li> 
     <li>Typography</li> 
     <li>Grids</li> 
     <li>CSS3</li> 
     <li>HTML5</li> 
     <li>UI</li> 
    </ul> 
</div> 

---

#wrapper { 
    width:100px; 
} 

li{ 
    list-style-image: url("arrow.png"); 
}