css样式例子

要求达到以下效果:

代码如下：

<p>
  <i><img src="sun.svg" alt="图标"></i>
  <span class="span1">
    <span class="span11">啊啊啊：</span>
    <span class="span12">啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊</span>
  </span>
</p>

p {
  width: 280px;
}
.span1 .span12 {
  color: #8c8c8c
}
i img {
  float: left;
  width: 14px;
  margin-top: 4px;
}
.span1 {
  display: inline-block;
  width: 265px;
}

要点： span1需要设置为行内块，并且加上宽度