Html 使用css使文本缩进像有序列表一样扁平

我想让我的常见问题问答像有序列表一样平淡，有什么办法可以做到这一点吗

标题

问：Lorem ipsum dolor sit amet是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
A:Lorem ipsum Door sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
问：Lorem ipsum dolor sit amet是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
A:Lorem ipsum Door sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·a、森佩尔·康格、尤伊斯莫·农、密苏里州：

Lorem ipsum dolor sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
Lorem ipsum dolor sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
Lorem ipsum dolor sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
这将有助于提高信息的利用率
Lorem ipsum dolor sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州
Lorem ipsum dolor sit amet，是一位杰出的领导者。我不知道。托托尔议员、艾米特议员、全国选举委员会主席、尤里西斯·塞德议员、多洛议员。乌尔特里斯元素直径。梅塞纳斯·利古拉·马萨、瓦里乌斯·阿雷乌斯、森佩尔·康格、尤伊斯莫·农、密苏里州

谢谢诸如此类的事

HTML

CSS

---

我认为在这种情况下，定义列表可能更合适：

<dl class="faq">
    <dt>the question.</dt>
    <dd>the answer
        <ol>
            <li>if answer contains a list, first item in list.</li>
            <li>if answer contains a list, second item in list.</li>
        </ol>
    </dd>
</dl>

---

Se demo here:

您能更好地描述一下您想要实现的目标吗？请将您的代码放在这里，以便我们提供帮助。一个jsfiddle.net也会有帮助。我需要我的ulli，因为问答风格与有序列表相同，左缩进是flat@Daze

<ul>
    <li>Question</li>
    <li>Answer
        <ol>
            <li>Answer 1</li>
            <li>Answer 2</li>
            <li>Answer 3</li>
        </ol>
    </li>
    <ul>

ul {
    list-style:none;
}
ul> li:nth-child(1):before {
    content:'Q:';
}
ul> li:nth-child(2):before {
    content:'A:';
}
li {
    margin:20px 0;
}

ul li {
    list-style: none;
    margin-left: 1.25rem;
    text-indent: -1.25rem;
}

<dl class="faq">
    <dt>the question.</dt>
    <dd>the answer
        <ol>
            <li>if answer contains a list, first item in list.</li>
            <li>if answer contains a list, second item in list.</li>
        </ol>
    </dd>
</dl>

.faq {margin-left: 1.5em;}
.faq dd {margin-top: 1em; margin-left: 0;}
.faq dt:before {
    content: "Q. ";
    margin-left: -1.25em;
}
.faq dd:before {
    content: "A. ";
    margin-left: -1.25em;
}