Html 如何将图标放在标题旁边？_Html_Css

Html 如何将图标放在标题旁边？

html css

Html 如何将图标放在标题旁边？,html,css,Html,Css,我已经写了一段时间的网站，我有一个小的，化妆品的错误，我想修复这就是密码 HTML 你也可以看到我在这里谈论的东西的一个实时版本：（请记住，该网站仍在开发中，尚未发布），或者在下面的照片上：问题在于这些图标：波兰国旗和右上角的英国国旗。这些图标放在标题上方，我不能让它们放在标题旁边。我指的是同一水平，不是低于它，也不是高于它。我希望你能理解我。我正在等待回复：）通常，这些图标的用途是重定向到使用不同语言的站点。在中使用以下代码： <head> <link

我已经写了一段时间的网站，我有一个小的，化妆品的错误，我想修复

这就是密码

HTML

你也可以看到我在这里谈论的东西的一个实时版本：（请记住，该网站仍在开发中，尚未发布），或者在下面的照片上：

问题在于这些图标：波兰国旗和右上角的英国国旗。这些图标放在标题上方，我不能让它们放在标题旁边。我指的是同一水平，不是低于它，也不是高于它。我希望你能理解我。我正在等待回复：）通常，这些图标的用途是重定向到使用不同语言的站点。

在中使用以下代码：

<head>
        <link rel="shortcut icon" href="url of image" type="image/ico" />
</head>

请用以下样式更新css中的id“#图标”

#icons {
    position: absolute;    
    right: 0; 

    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}

尝试绝对定位标志-使

#页面

相对和

#图标{位置：绝对；顶部：10px；右侧：5px；}

并从iconsIt中删除边距无效。我指的是用作国旗的矢量图像。看看上面的照片，有两个国家的国旗，应该是重定向用户到另一种语言的网站。问题是，这些国旗或图标（比如说）与HTML中的“header”标记不在同一级别。这些标志位于标题的级别之上，这就是问题所在。我希望这些国家的国旗在同一水平像标题。我希望你明白我的意思。

<head>
        <link rel="shortcut icon" href="url of image" type="image/ico" />
</head>

#icons {
    position: absolute;    
    right: 0; 

    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    margin-top: 10px;
    margin-right: 5px;
}