css - 如何在底部对齐 和 标签？

Question

在那里，我正在为一个人的介绍创建类似下面的屏幕截图的内容。但在底部，我想将图像和底部的段落对齐，这样我就可以像第二张图像一样让文本环绕图像。这在 CSS 中可能吗？

<div class="ppl-detail">
     <img class="ppl-proj" src="images/who/pure-systems.png">
     <p class="ppl-text">Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo.</p>
</div>

谢谢!

Answer 1

你可以在css中使用“float: left”。

img {
   float:left;
   border:1px dotted black;
   margin:0px 0px 15px 20px;
}

检查这个http://jsfiddle.net/26WZe/