如何在下一行前面放一个空格[关闭]答案

【问题标题】：How to put a space in front of a next line [closed]如何在下一行前面放一个空格[关闭]
【发布时间】：2015-02-28 20:28:04
【问题描述】：

我正在尝试在 bootstrap 或 css 中实现类似的功能

<div class="col-xs-2">Description</div>
<div class="col-xs-4">: I am a noob</div>

我得到以下结果：

Description    : I am a 
               noob

我该怎么做？

Description    : I am a 
                 noob

【问题讨论】：

这里没有足够的代码来提供明确的答案。你能发布一个简短的独立示例吗？

标签： html css twitter-bootstrap

【解决方案1】：

你可以添加一些&nbsp;（html 空间），你会得到你想要的。其他希望抓住<div> 中的最后一个字，然后设置<div> 的样式以留出几个像素

【讨论】：

【解决方案2】：

您可以使用伪元素插入 : 并在文本中保留它们的空间：

<div class="col-xs-6 doublep"><span>I am a noob</span></div>

.doublep {
  font-size: 0;
  white-space: nowrap;
}
.doublep:before {
  width: 15px;
  text-align: Center;
  font-size: 14px;
  content: ":";
  display: inline-block;
  vertical-align: top;
}
.doublep span {
  white-space: normal;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}

检查这个BootplyDemo

【讨论】：