Html 在div中创建换行符

我将有3个图标并排将浮动时，窗口缩小左。在每个图标下，我想添加一些文本。我几乎可以得到它，你可以看到下面

。图标{
上边框：黑色1px纯色；
高度：100px；
右边框：黑色1px实心；
宽度：100px；
底部边框：黑色1px实心；
浮动：左；
左边框：黑色1px实心
}

div1
一些文本
第2组
div3

只需将

显示：块

应用于文本元素

a { display: block; }

将强制每个元素使用容器的全部可用宽度，并将后续元素转移到下一行

---

只需对文本元素应用

display:block

a { display: block; }

将强制每个元素使用容器的全部可用宽度，并将后续元素转移到下一行

---

您的

标记中有语法错误

那么这个

div1
一些文本

应该成为

---

div 1
某些文本

您的

标记中存在语法错误

那么这个

div1
一些文本

应该成为

---

div 1
某些文本

由于linebreak语法错误，jsfiddle中会引发错误

当您应该使用

时，您正在使用

2020/HTML5编辑

---

您不再需要在HTML5中使用自动关闭标记（尽管浏览器仍然可以处理它们），而是可以简单地使用

由于换行符语法错误，您在JSFIDLE中遇到错误

当您应该使用

时，您正在使用

2020/HTML5编辑

---

您不再需要在HTML5中使用自动关闭标记（尽管浏览器仍然可以处理它们），而是可以简单地使用

而不是

使用

或



是有效的标记，而

则不是

使用：

<div class="icons">div 1
<br>some text
</div>
<div class="icons">div 2<br>some
<br>some text
</div>
<div class="icons">div 3
<br>some text
</div>

div1

一些文本
第2部分
一些

一些文本
第3组

一些文本

附言

标记哪个更有效。
使用

或

代替



是有效的标记，而

则不是

使用：

<div class="icons">div 1
<br>some text
</div>
<div class="icons">div 2<br>some
<br>some text
</div>
<div class="icons">div 3
<br>some text
</div>

div1

一些文本
第2部分
一些

一些文本
第3组

一些文本

附言

标记哪个更有效。
首先为什么要使用锚（
）标记？如果需要，可以使用
span
。而且

是正确的语法，而不是

，这可能是因为您的所有CSS都是大写的。我知道这听起来很傻，但可能就是这样。@durbnpoin No.CSS不区分大小写。如果类名和选择器之间不匹配（因为类名区分大小写），但是OP的CSS是可以的。为什么要首先使用锚（
）标记？如果需要，可以使用
span
。而且

是正确的语法，而不是

，这可能是因为您的所有CSS都是大写的。我知道这听起来很傻，但可能就是这样。@durbnpoisno.CSS不区分大小写。如果类名和选择器不匹配（因为类名是区分大小写的），你会有一个观点，但是OP的CSS是可以的。