html - 文本宽度受图像限制

Question

在我的网站上，我有一张图片，图片下方有文字。文本宽度受限于其上方图像的 100px 宽度。我希望文本宽度独立于图像宽度。这是我的代码。

html:

<div class="col-md-3">
    <div class="customizing text-center">

    <span class="process-icon icustomize">&nbsp;</col>
        <h4>Customizing</h4>
        <p class="text-center">We create custom 
            there is random text here.</p>
        <a href="#" class="btn btn-default">Read More</a>
    </div>
</div>

CSS:

.process-icon{

  display: inline-block;
  height: 100px;
  width: 100px;
  background: transparent url(img/process-sprite.png) no-repeat;
  background-position: top left;
}

Answer 1

您已经设置了宽度值，所以不是图片引起的。如评论中所述，您尚未关闭 "<span>"正确标记。

添加

</span>

这将修复文本以在图像下方对齐，然后更改代码中的以下内容。

    width: 100px;

    To

    width: 100%;   //can be whatever you need

FIDDLE