如何对齐图像和标题
快耶尔
我正在尝试一些HTML和CSS，但找不到CSS来对齐2个部分。这是问题的图像：
我希望图像和文章都以相同的高度水平对齐。
我申请什么css？这是我的html：
<article class="section_title">
<img src="http://i.imgur.com/EY9qUVf.png" width="50" height="50" />
<h2>Inleiding</h2>
</article>
和我的CSS到目前为止：
.section_title {
display: inline-block;
position: relative;
}
.section_title > img {
float: left;
}
.section_title > h2{
background-color: #232935;
vertical-align: top;
float: right;
left: 50px;
color: white;
height: 50px;
padding: 2px;
}
在jsfiddle中：https：//jsfiddle.net/yxtkrzmh/
安迪·切尔西（Andy Tschiersch）
从标题中删除边距：
.section_title {
display: inline-block;
position: relative;
}
.section_title > h2 {
margin: 0;
padding: 12px 10px 0;
background-color: #232935;
float: right;
left: 50px;
color: white;
height: 38px;
}<article class="section_title">
<img src="http://i.imgur.com/EY9qUVf.png" width="50" height="50" />
<h2>Inleiding</h2>
</article>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
UIButton标题和图像的对齐方式不同
- 2
无法使图像和标题水平对齐
- 3
使标题或标题与图像对齐？
- 4
如何在图像下方对齐标题
- 5
如何垂直对齐旋转的图像标题？
- 6
创建列表，标题和图像左对齐，文本右对齐？
- 7
HTML：如何在左侧对齐图像，在中央对齐标题？
- 8
将标题与图像对齐
- 9
html图像标题对齐
- 10
html图像标题对齐
- 11
标题与图像并排对齐
- 12
UITabbar图像和标题在ipad中未居中对齐
- 13
UITabbar图像和标题在ipad中未居中对齐
- 14
将 3 个图像与下方的标题和描述对齐
- 15
如何在标题上对齐标题和导航？
- 16
在 HTML 和 CSS 中，图像左对齐，文本和标题右对齐
- 17
图像标题均为alingn。如何使每个元素垂直对齐？
- 18
如何将图像与标题元素并排对齐？
- 19
如何在JSSOR中将标题与图像的右侧对齐？
- 20
图像标题均为alingn。如何使每个元素垂直对齐？
- 21
如何水平对齐文本和图像？
- 22
如何使用jquery附加图像和标题
- 23
如何在Highcharts标题和副标题中添加图像
- 24
LaTex列表和标题-如何精确对齐框架
- 25
如何使用Bootstrap在列中垂直和水平对齐标题
- 26
将图像标题区域与图像对齐
- 27
如何在响应图像上方和内部放置图像标题？
- 28
如何在响应图像上方和内部放置图像标题？
- 29
如何使用CSS创建图像标题和图像叠加层？
我来说两句