如何利用css写出左边是标签右边内容，并且内容换行不能在标签的下面

实现的效果是这样的。

这样第一感觉是给左边的内容加个高度。然后右边就不会换行到左边了。但是在内容的高度不确定的情况下是没办法写高度的啊。

<div class="analysis">

<em>[分析]</em>

<div ><p>[分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析][分析]</p>

</div>

</div>

 

.analysis{

  position: relative;

  padding: 0px 20px 20px 50px;  //这个左边的50px是留给左边的标签的。这样左边的那个em就有50px的空间。

}

.analysis em{

  font-style: normal;

  font-weight: bold;

  position: absolute;

  left: 0px;

}