小编Ana*_*vas的帖子

我是HTML新手,正在为我的家庭/自我项目创建一个网站,我遇到了一个小问题.我试图在文本两侧的标题内插入一个徽标.由于以下原因,我能够在文本的左侧获取图像:

徽标图像和H1标题在同一行

但是,我遇到了将图像放到文本另一侧的问题.

header.solid
{
  border-style: solid;
  border-width: 2px;
}

.header img
{
  float: left;
  width:75px;
  height:75px;
}

.header h1
{
  position: relative;
  top: 0px;
  left: 18px;
}


 <div class="header">
  <header class="solid">
  <img src="Pictures/Star_Img.png" alt="star"/>
  <h1 style="color:white;" align="center"><b>P &nbsp;R &nbsp;O &nbsp;V &nbsp;E &nbsp; N &nbsp; &nbsp; &nbsp;  &nbsp;L &nbsp;E &nbsp;A &nbsp;D &nbsp;E &nbsp;R &nbsp;S &nbsp;H &nbsp;I &nbsp; P</b></h1>
  </header>
 </div>

非常感谢任何帮助,如果这是一个简单的修复道歉

编辑:道歉所有,当我发布代码时,我删除了第二个img标记

这是目前的情况.

<div class="header">
<header class="solid">
  <img class="leftimg" src="Pictures/Star_Img.png" alt="star"/>
  <h1 style="color:white;" align="center"><b>TEST</b></h1>
  <img class="rightimg" src="Pictures/Star_Img.png" alt="star"/>
</header>
</div> …