html - 在 div 中创建一个换行符

Question

我会有 3 个并排的图标，当窗口缩小时它们会向左浮动。在每个图标下，我想添加一些文字。正如您在下面看到的那样，我几乎可以理解。

.icons {
	BORDER-TOP: black 1px solid; 
  HEIGHT: 100px; 
  BORDER-RIGHT: black 1px solid; 
  WIDTH: 100px; 
  BORDER-BOTTOM: black 1px solid; 
  FLOAT: left; 
  BORDER-LEFT: black 1px solid
}

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

在 jsfiddle 中，这个 </br>标签似乎无效。是否有有效和/或更好的方法来完成此任务？

http://jsfiddle.net/kp950/mum68pwv/

Answer 1

只需将 display: block 应用到您的文本元素即可。

a { display: block; }

这将强制每个元素占用容器的全部可用宽度，并将后续元素占用下一行。

http://jsfiddle.net/mum68pwv/4/