Quel attribut CSS, le cas échéant, contrôlerait cela?

Question

J'ai la liste suivante:

alt text http://img210.imageshack.us/img210/2912/12922833.jpg

Comment puis-je obtenir le quatrième texte de l'élément à enrouler autour mais tiret au même niveau que le reste de la liste? Y at-il un attribut CSS qui contrôle cela?

Answer 1

essayer list-style-position:

li { 
    list-style-position: outside; 
} 

Comme ricebowl souvenu de commentaires, vous pourriez avoir besoin d'augmenter votre marge de gauche ou de rembourrage pour faire les points de balle de la vente de séjour ', parce qu'au lieu des points de balle étant à l'intérieur du <li> , ils sont maintenant placés dehors.

Answer 2

ul li { padding-left: 25px; } 

Answer 3

Si c'est une vraie liste, cela devrait être la liste par défaut, mais faites comme Henrik le dit quand même.

Si ce n'est pas une vraie liste, et que vous collez une image d'une balle là-dedans ... alors ... C'est un peu plus difficile. Idéalement, vous devez utiliser une liste appropriée (<ul><li>list item</li></ul>)

S'il s'agit d'une image d'une balle, vous pouvez utiliser un rembourrage et un positionnement absolu. Si c'est un caractère HTML pour une balle, vous êtes bourré.

Answer 4

Je ne suis pas sûr de ce que vous demandez, je suppose que vous voulez qu'il ressemble à ce que vous avez ci-dessus. Parce que par défaut ça ne devrait pas ressembler à ça.

l'exemple de code ci-dessous la faire ressembler à votre image:

<style type="text/css"> 
    ul { 
     width: 200px; 
     padding: 0px; 
     margin: 0px; 
    } 
    ul li { 
     padding-left: 5px; 
     text-indent: 20px; 
    } 
</style> 

<ul> 
    <li>text</li> 
    <li>text text text text text text text text text text text text text text text text text text </li> 
    <li>text </li> 
</ul> 

et ce code fera ressembler à ce que votre demande:

<style type="text/css"> 
    ul { 
     width: 200px; 
    } 
</style> 

<ul> 
    <li>text</li> 
    <li>text text text text text text text text text text text text text text text text text text </li> 
    <li>text</li> 
</ul>