Html 如何模拟<；br/>；（br标签）使用CSS？

我这里有以下一行css和html：

CSS:

HTML:

标题


内容

我想用CSS中的等效标记替换

标记，但我正在努力解决这个问题。我将感谢任何帮助

---

我试过边距底部、边距顶部、线条高度，但都不起作用。

使用

显示：块在
span
上

比如：

问题是您使用的是一个“span”，它是一个内联标记。
例如，必须使用块元素才能使用边距底部

你可以试试这个：

.top {
    font-weight: bold;
    display: block;
}
.bottom {
    display: block;
}

或者也可以使用display:inline块
 
显示：块
；但是，
在语义上可能是错误的标记（是内联标记而不是块标记）
可能是更好的匹配，并且附带了已经显示为块的额外功能。其他标记可能更合适。
从语义上讲，您可能希望使用标题标记（h1、h2等）作为标题，使用段落标记（p）作为内容。这两个元素都是块级元素，像
边距
和
行高
这样的元素都可以工作

 a>代码> StudioTAG是一个内联元素，它（出于所有意图和目的）意味着它要在块级别元素的中间进行，而不干扰标签的其余部分。

如果您真的想保留span，那么可以通过为span指定CSS属性
display:block
，强制span像块级元素一样工作。但是，我建议您使用实际的块级元素，例如
h1
或
p
标记。
是一个内联元素，因此不能应用
边距
，但它可以使用
填充
-给它一些类似于
的东西。title{padding:10px 0；}
，它将模拟一个段落，或者干脆
.title{display:block；}
来强制下一个东西进入它下面。
我在处理WordPress时也遇到了类似的问题。Wordpress因自动删除用户博客文章文本中的格式字符而臭名昭著。我的挑战是将文章文本居中，并将行一分为二

这就是我所做的：

这是一个很长的标题行，我想显示在我的WordPress文章标题行

这种行为是不言自明的。由于a是块级元素，因此它会发出新行

希望这有帮助。
您可以像这样模拟BR标签宽度CSS：

span:after {
    content: ' ';
    display: block;
}

如果需要在跨度内容之前模拟“br”，请使用选择器“：before”


p、 中断{
显示：块；
明确：两者皆有；
}
如果您想使用页边距，您所说的“一点都不起作用”是什么意思。你的css类与你的HTML标记无关。关于css类和HTML标记，你是正确的。我修改了问题。非常感谢你指出这一点。页边距也是如此，不过根据这个链接，Firefox对待页边距的方式与IE对待span标记元素的方式不同。请注意，这不会为内联块项目创建换行符。
.title, .Content { display:block; }

.top {
    font-weight: bold;
    display: block;
}
.bottom {
    display: block;
}

span:after {
    content: ' ';
    display: block;
}

<style>
p.break{
    display:block;
    clear: both;
}
</style>