我是HTML的新手，我希望文本在圖像的右邊。

我試過用float:對；但是文字在圖像的右邊。

.image-container {
    position: absolute;
    text-align: right;
}

.image {
    max-width: 100%;
    height: auto;
    margin-left: 10px;
    float: right;
}

.text {
    text-align: right;
    margin-top: 10px;
}

<div id="image-container">
    <img src="Safwon.png" alt="Picture of the author" width="150" height="200" class="image" />
    <div class="text">This is me</div>
</div>

# # #補充規(guī)則明確:對；敬你的另一半。文本div規(guī)則

# # #您已經(jīng)為您的& ltdiv & gt作為一個id，但是在你的CSS中，你把它寫成了一個類，所以你的代碼不能工作。改變。圖像容器到#圖像容器。

#image-container {
  float: right;
}

.image {
  max-width: 100%;
  height: auto;
}

.text {
  text-align: center;
  margin-top: 10px;
}

<div id="image-container">
  <img src="https://via.placeholder.com/600x400.png" alt="Picture of the author" width="150" height="200" class="image">
  <div class="text">This is me</div>
</div>