html – 如何将图像和h1标题对齐?

前端之家收集整理的这篇文章主要介绍了html – 如何将图像和h1标题对齐?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我试图将图像和h1标签对齐在一条线上时遇到问题.我试过显示:内联和内联块它们不起作用,只制作了两个容器.我在该部分添加了100%的宽度,但仍然没有. Float也不起作用,如果确实如此,它会搞砸页面的对齐方式.我究竟做错了什么?有时很难理解为什么它不能按预期工作并需要一些帮助.

HTML

CSS

section{
    display:inline-block;
    width:100%;
}
h1{
    position:relative; /*position wherever desired on the page*/
    top:0;
    bottom:0;
    right:0;
    left:0;
    font-weight:bold;
    font-size:40px;
    color:#FFFFFF;
    background-color:#FFB405;
}
最佳答案
添加显示:内联块;到你的h1属性,就像我做了here.

猜你在找的HTML相关文章