html - 如何在没有 id 或 class 属性的部分左上角/右上角设置 2 张图片 HTML CSS

Question

//我被要求创建一个不能使用 ID 或类的网站。他们想在该部分的顶部放两张图片。例如，我在 html 代码部分使用了两个示例。它们将很小并且紧贴标题 - 特别是当我在 css 中使用 img vertical-align -20 和 section h1 margin top -130 时。

img {
    width: 200px;
    vertical-align: -20px;
}
section {
    background-color: rgba(255, 255, 255, .9);
    width: 1050px;
    height: 1400px;
    margin-top: -1190px;
    margin-left: 110px;
    margin-bottom: 140px;
    border: 2px solid red;
    border-radius: 10px;
    box-shadow: 3px 3px 2px 2px black;
}
section h1 {
    text-align: center;
    font-size: 28px;
    letter-spacing: 10px;
    text-shadow: 1px 1px 1px red;
    margin-top: -130px
}

<section>
    <img src="canada.png" alt="Canada" />
    <img src="canada.giff" alt="Canada" />
    <h1>Title</h1>
</section>

Answer 1

在 html 代码中简单地写 align="right/left"就很简单了:

<img align="left" src="canada.png" alt="canada" />