如何使用 html 和 css 将图像与文本一侧对齐？

Question

我一直在为我的大学课程开发一个网站，我们刚刚进入课程的样式部分，但我不知道如何将图像与文本块等内容的侧面对齐或其他图像。

例如

    <p class="boxed"> placehooooooooooooooooooooooooooooooooooooooooooooooooo 
      ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
      ooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooolder
      text </p>
    <p class="image1"> <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Orchid_-_Stierch.jpg/330px-Orchid_-_Stierch.jpg"

        alt="Orchid performing in 2000">
    </p>

p.boxed {
    background-color: rgba(0, 0, 0, 0.7);
    margin-top: 10px;
    margin-bottom: 100px;
    margin-right: 725px;
    margin-left: 275px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    text-align: justify;
    text-justify: inter-word;
    font-family: "Courier New";
    font-weight: bold;
    color: white;
}

p.image1 {
    margin-top: 10px;
    margin-bottom: 100px;
    margin-right: 275px;
    margin-left: 725px;
}

如何将图像与文本右侧对齐

Answer 1

通过将图像添加到元素，您可以更改其对齐方式以允许不同的定位。