添加縮進要點

我在看越來越像一個效果：添加縮進要點

但我現在的效果是：

什麼我需要添加到我的CSS讓縮進像我想要的效果一樣工作，所以任何項目符號點的第二行都是縮進的？目前HTML設置只是<ul><li></li><ul>與CSS之中：

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

而且還通過引入引導：

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

所有這些項目列表的整體是造型一<section>內：

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

來源

2017-03-01 Dhruv Ghulati

您可以發佈在代碼段代碼？ – Ruby

你需要什麼原因list-style-position：inside; ？這導致了這個問題imho。 –

默認情況下，您獲得期望的效果，您使用list-style-position: inside;正在爲您搞砸。

<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>

來源

2017-03-01 12:07:17 Dom

謝謝。我如何改變子彈的縮進，讓它們更加正確？ –

要進一步縮進項目符號，您需要在左側添加填充：'ul li {padding-left：10px;}' – Dom

添加縮進要點

回答

相關問題