2016-03-23 8 views
0

jemand bitte helfen Sie mir. Ich möchte die Nummerierung ausgeschlossenen HTML Listenelement mit den anderen nummerierten Elemente auszurichten.Wie ausgeschlossen Listenelement Seitenrand ausrichten?

Wie die folgenden Listenstruktur.

1.List Artikel
2.List Artikel
übersprungenen Listeneintrag

DIES NICHT

  1. Liste item
  2. Liste item2
    Listeneintrag übersprungen

.caption { 
 
    display: block; 
 
}
<ol> 
 
    <li>List item</li> 
 
    <li>List item</li> 
 
    <li class="caption">skipped List item</li> 
 
</ol>

Antwort

1

können Sie list-style-position: inside auf Liste und dann nur Sie Nummer aus bestimmten Listenelement entfernen mit list-style-type: none

ol { 
 
    list-style-position: inside; 
 
    padding-left: 0; 
 
} 
 

 
.caption { 
 
    list-style-type: none; 
 
}
<ol> 
 
    <li>Lorem ipsum dolor.</li> 
 
    <li>Lorem ipsum dolor.</li> 
 
    <li class="caption">skipped list item</li> 
 
</ol>

+1

Sie auch 'verwenden können: n-Kind () 'anstelle einer Klasse. Information: http://www.w3schools.com/cssref/sel_nth-child.asp –

+0

Danke. Das hat wirklich geholfen !! – Dirquez