跨度多线等效

Question

我想设计一些文字。我试过跨度，但它只适用于第一行。但不是第二个。有人有解决方案吗？ ：）

HTML：

<div style="width:30%;">
<span style="margin:10px">Hey this is my span. Once it turns multi line the margin stops working</span>
</div>

结果：

演示：http://jsfiddle.net/JwcuZ/

我也试过了，但这只是破坏了我的造型。我确信这一切都有一个简单的解决方案，但是我的大脑正在欺骗我！

Answer 1

有几种选择：

• 您可以更改父span的填充，而不是设置div元素的边距：

  div {
      padding-left: 10px;
  }
  

  DEMO

• 使用div代替span：DEMO

• 将span的CSS display属性设置为block或inline-block：DEMO