Html <；BR>；使用CSS

我正在使用

br

标记为我的网页

faq

创建换行符
虽然结果是准确的，但是否有其他方法可以使用

linebreak

通过css创建基于响应的网页
通过谷歌搜索，我找到了

伪
元素。但我对它没有一个正确的印象


.faqfirstsec{
利润率：0.70px；
背景：浅灰色；
身高：100%；
}
字体标题{
字体大小：粗体；
}
常见问题解答{
颜色：红色；
}

标题
















问题1


答案1
答案1.






问题2
答案2




问题3
答案3


使用

用于字体标记

字体标记是一个内联元素，现在不推荐使用。使用Div或span代替字体标记。

.faqfirstsec{
利润率：0.70px；
背景：浅灰色；
身高：100%；/*除非父母有身高，否则这没什么用*/
}
.常见问题解答标题{
字体大小：粗体；
边缘底部：10px；
}
.常见问题{
颜色：红色；
边缘底部：15px；
}
法坎先生{
边缘底部：35px；
}

标题
问题1
答案1
答案1
问题2
答案2
答案2
问题3
答案3
答案3
如果将所需文本（包含

）包装在带有
空白的元素中：pre
所有
\n
将呈现为


您也可以使用

 <span>hello</span><span data-x>BR!</span>

还有它的css（请原谅，我没有代码片段或小提琴，我正在用手机打字，还没有使用
stackoverflow
编辑器的代码工具）：


添加部分

现在，对于您的情况，请尝试以下方法：

font
不推荐使用，请使用带有页边空白的
div
标记
font
不推荐使用。此外，如果您使用了如此多的
br
标记，那么您肯定是做错了什么。您需要学习CSS定位。@LGSon因此，为每个
问题
和
答案
行提供
DIV
，并设置
边距
？@LGSon使用
DIV
，您的代码看起来整洁有序。我可以把你的评论标记为答案吗？不能接受评论作为答案。等待给出的答案，他们可能会使用我的（也问他们），重复链接可能是一个很好的参考，所以我也在考虑关闭它。@LGSon，这两个答案都是相同的。为什么在我的答案中添加了downvote。因为您建议如何使用
font
（尽管显示为block）
font
已弃用，不应使用，因此使用它的答案是错误的答案。有人提到font标记已弃用。您仍然参考给定CSS中的font标记。一些用户只会尝试提供的CSS，而且（仍然）可能会起作用，他们可能会保留它，然后突然就不行了，所以我建议您重新表述答案
 <span>hello</span><span data-x>BR!</span>

[data-x]:before{
    content: "\A";
    white-space: pre;
 }

.faqans:before{
    content:"\A\A\A";/*per be, one \A*/
    white-space:pre;
}