將圖像左側和文本右側與 css 對齊

Question

我有圖片和文字，我需要左邊的圖片和右邊的文字。我無法更改 HTML，所以我只需要使用 CSS 即可。

<li>
  <article>
    <header>
      <h3>
        <a href="#">title</a>
      </h3>
    </header>
    <p>
      <img src="image.jpg">
    </p>
   </article>
</li>

Answer 1

在 CSS 中，您可以使用浮動 function 和邊距 function 來幫助您進行圖像放置。 只需編寫帶有float: left和float: right的常用 CSS 代碼即可幫助您。