css 题目1行照片 两写作字的排序方式和有关难题

今日就遇到了这么1个实际效果，编码基本原理较为简易便是照片float:left;，可是假如在做1个较为繁杂的模版时，有将会遇到许多难题，使题目文本不可以和照片对齐。

今日遇到1个难题，不正确实际效果以下

正确显示信息应为：

由于我看过编码，照片float: left; 文本为一切正常文件格式。沒有任何难题。

这里编码涉及到到 html 和 css 好几个元素的界定，较为繁杂，就不贴出编码了。

最先，大家要分辨1下难题，右击必须查询的一部分 (我应用的是 Chrome 访问器) ，点一下 "核查元素" 。

或大家能够再CS4中看1下

这个地区蓝色的边框便是 <h3> 的 padding ，那末左右的应当便是 margin 了，大家要是把 h3 的 padding 和 margin 设为0，就可靠了。

设定进行后以下图

做到大家要想的实际效果了，重要是去边框。

假如在设计方案模版的情况下出現文本便是对不齐了，就必须去看看他哪里出現空白，或能够清除空白来做到对齐的实际效果。

还可以再css中添加以下编码处理