是否可以将图像放在html中的<hr />标记上方？

Question

我对HTML图像有疑问。是否可以在<hr>标签上方添加图片？因为我想在代码中实现的是在创建的<hr>上方放置一个图像。有人可以回答我吗？

我希望它看起来像这样：

这可能吗？也许有人可以给出可能的解决方案？

Answer 1

您可以使用select email, sum(amount) from tablename group by email 来代替，而使用display:flex来使用hr来包裹div并添加border-bottom来将图像设置在包裹div的末尾（右侧）

justify-content: space-between;

body,html{
width:100%;
margin: 0;
}
.header{
    display: flex;
    width: calc(100% - 30px);
    justify-content: space-between;
    border-bottom: 1px solid grey;
    margin: 15px;
}
img{
width:100px;
height:50px;
}

화이팅!!

Answer 2

尝试一下，我认为它对您有用。

img {
  height: 100px;
  width: 100px;
}
.block {
  display: flex;
  justify-content: space-between;
}
.text-left {
    padding: 35px 0;
}
.bg-section {
  background: gray;
  width: 100%;
  height: auto;
  padding: 100px;
  margin-top: 20px;
}

<div class="container">
  <div class="block">
    <span class="text-left">인사말</span>
  <img src="https://i.ibb.co/SK1J1fR/tire.png" alt="img" class="img-right">
  </div>
  <hr>
  <section class="bg-section"></section>
</div>