css - Bootstrap 3.3.5 字形问题

Question

我有这个代码:

<p>
    <span class="glyphicon glyphicon-map-marker"></span>
    The Old Steam House, Unit 10, Goblands Farm, Cemetery Lane, Hadlow, Kent, TN11 0LT
</p>

这样的输出，很好。

但是，在移动设备上它看起来像这样

如何/什么是像这样一直向下缩进文本的最佳方法

如果这不是一个好问题，我很抱歉，我以前从未使用过 Bootstrap。

Answer 1

字形上的负左边距应该有效。

@import url("https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css");

.multiline-margin {
    margin: 0 0 0 20px;
}

.multiline-margin > .glyphicon {
    margin: 0 0 0 -20px;
}

<p class="multiline-margin">
  <span class="glyphicon glyphicon-map-marker"></span>
  The Old Steam House, Unit 10, Goblands Farm, Cemetery Lane, Hadlow, Kent, TN11 0LT
</p>