添加缩进到项目符号点

Question

我正在寻找一种效果：

但我目前的效果是：

我需要添加到我的CSS中以使缩进像我想要的效果一样工作，所以任何项目符号点的第二行都是缩进的？目前，HTML设置仅为<ul><li></li><ul>，其中CSS为：

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

并通过以下方式整合Bootstrap：

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

Answer 1

默认情况下，您使用list-style-position: inside;时会获得所需的效果。

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;