Html 对齐图像左侧下方的文本

我试图将图片左侧的两个段落对齐，但我似乎无法理解。我还试图使文本的宽度与图像的宽度相同。我需要将div align=“center”保持在那里，以便引导行位于页面的中心。请帮忙

这是我的网页设计中的一张图片，展示了我如何调整它

下面是html代码。

示例网页设计

Lorem ipsum dolor sit amet，是一位杰出的献身者。
前庭前庭叶直径为同侧叶。Nam semper lorem
在库苏斯普尔维纳尔。但幸运的是直径

最简单的方法是使用两个包装器，一个

内联块

和一个

表格标题

表格标题

将文本保持在图像边缘内，

内联块

将与

预览

元素上设置的

文本对齐：居中

居中

#预览{
文本对齐：居中；
}
.内联块{
显示：内联块；
}
.tbl标题{
显示：表格标题；
文本对齐：左对齐；
}

示例网页设计

Lorem ipsum dolor sit amet，是一位杰出的献身者。前庭前庭叶直径为同侧叶。在库苏斯普尔维纳尔的纳姆·森佩尔·洛雷姆。但幸运的是直径

示例网页设计

Lorem ipsum dolor sit amet，是一位杰出的献身者。
前庭前庭叶直径为同侧叶。Nam semper lorem
在库苏斯普尔维纳尔。但幸运的是直径

如果您使用的是Bootstrap，我会这样做（因为您使用的是

col-lg-4

等等，所以看起来您使用的是Bootstrap）

---

当您使用这些类时，它们希望在

容器中，然后在
行中，使用不同的偏移量将内容居中，请参见上面的示例。
根据本页，“对齐”属性在HTML5中不受支持，这意味着必须有另一种方法来使用CSS实现它…我认为您应该使用类似“margin:auto”的内容来居中引导行定义的宽度更像这样，尽管此解决方案需要固定的像素宽度，以强制div具有与图像相同的宽度。除非有其他原因，否则我不理解为什么您绝对需要align=“center”，使用标记进行定位是粗略的。@slackOverflow我没有使用html5，我一定是在向帖子添加标记时意外单击了错误的标记。我使用标准html，所以align属性可以工作。
<div class="container">
   <div class="row">
      <div id="preview" class="col-lg-offset-4 col-md-offset-3 col-lg-4 col-md-6 col-sm-12">
        <img id="img" src="http://i.imgur.com/HHGHTsu.png">
        <p><b>EXAMPLE WEB DESIGN</b></p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    Vestibulum lobortis diam ut ipsum egestas scelerisque. Nam semper lorem 
    at cursus pulvinar. Ut luct diam.</p>
     </div>
   </div>
</div>