Html 将图片直接对齐到<;h>;标签

Html 将图片直接对齐到<;h>;标签,html,css,Html,Css,我几天前开始学习HTML和CSS,现在遇到了一个问题: #referencen{ 宽度:100%; 填充:25px; } #参考h1、h2、h3、h4、h5、h6{ 页边距底部:0; } #参照物p{ 右边填充:25px; 字号:18px; } #参考img{ 高度:50px; 宽度:50px; 浮动:左; } 不安全的公司 2010年4月,德国费尔马博会股份有限公司位于波梅斯特尔贝滕市博梅斯特尔贝滕区博梅斯特尔贝滕市,位于波斯多芬市汉德尔镇。 贝斯切夫蒂格特15-20米塔尔贝特 我有两种

我几天前开始学习HTML和CSS,现在遇到了一个问题:

#referencen{
宽度:100%;
填充:25px;
}
#参考h1、h2、h3、h4、h5、h6{
页边距底部:0;
}
#参照物p{
右边填充:25px;
字号:18px;
}
#参考img{
高度:50px;
宽度:50px;
浮动:左;
}

不安全的公司

2010年4月,德国费尔马博会股份有限公司位于波梅斯特尔贝滕市博梅斯特尔贝滕区博梅斯特尔贝滕市,位于波斯多芬市汉德尔镇。 贝斯切夫蒂格特15-20米塔尔贝特


我有两种方法:

  • 在HTML中:您可以在
    -标记中插入
    -标记
  • 在CSS中:您可以将
    h1
    img
    设置为
    display:inline block
我更喜欢第一个

编辑以更好地理解:

标签
具有
块的默认
显示
,这意味着它们的总宽度为父容器的100%。
因此,将其更改为内联块会破坏100%的宽度,并将其缩小到设置的宽度值,或者如果未设置为包含元素的大小。

您可以将图像缩小到
边距顶部:15px

#referencen{
宽度:100%;
填充:25px;
}
#参考人h1,
h2,
h3,
h4,
h5,
h6{
页边距底部:0;
}
#参照物p{
右边填充:25px;
字号:18px;
}
#参考img{
高度:50px;
宽度:50px;
浮动:左;
边缘顶部:15px;
}

不安全的公司

2010年4月,德国费尔马博会股份有限公司位于波梅斯特尔贝滕市博梅斯特尔贝滕区博梅斯特尔贝滕市,位于波斯多芬市汉德尔镇。贝斯切夫蒂格特15-20米塔尔贝特


与您的问题无关,但请注意,这与
#referezen h1、h2、h3
#referezen h1、#referezen h2、#referezen h3
不同。请您更具体一点。如果您只想向下移动图像或其他内容,请告知我们。