hinzufügen Einzüge Aufzählungszeichen

ich einen Effekt wie bin auf der Suche bekommen:hinzufügen Einzüge Aufzählungszeichen

Aber meine aktuellen Effekt ist:

Was ich tun, um meine CSS hinzufügen müssen Um den Einzug wie den gewünschten Effekt zu arbeiten, wird die zweite Zeile eines Aufzählungszeichens eingerückt? derzeit ist der HTML-Setup nur <ul><li></li><ul> mit den CSS-Wesen:

li { 
    margin-left: 10px; 
    list-style-position: inside; 
}

Und auch über Einbeziehung Bootstrap:

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">

Alle diese Aufzählungen sind insgesamt in einem <section> mit Styling:

section { 
    padding: 0; 
    font-family: 'Lato', sans-serif; 
    font-weight: 300; 
    font-size: 16px; 
    line-height: 26px; 
    letter-spacing: 1px; 
    color: #666; 
}

Quelle

2017-03-01 Dhruv Ghulati

können Sie Ihren Code im Code-Schnipsel einfügen? – Ruby

brauchen Sie aus irgendeinem Grund Listen-Stil-Position: innen; ? Dies verursachte das Problem imho. –

Standardmäßig erhalten Sie den gewünschten Effekt, den Ihre Verwendung von list-style-position: inside; für Sie versaut.

<ul> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio delectus magnam nobis, nulla dolore accusamus.</li> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio delectus magnam nobis, nulla dolore accusamus.</li> 
 
    <li>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio delectus magnam nobis, nulla dolore accusamus.</li> 
 
<ul>

Quelle

2017-03-01 12:07:17 Dom

Danke. Wie ändere ich den Eindruck der Kugeln, damit sie weiter rechts sind? –

Um die Aufzählungszeichen weiter einzukerben, müssen Sie links eine Auffüllung hinzufügen: 'ul li {padding-left: 10px;}' – Dom

hinzufügen Einzüge Aufzählungszeichen

Antwort

Verwandte Themen