【问题标题】:Align Image left side and Text right side with css将图像左侧和文本右侧与 css 对齐
【发布时间】:2016-07-11 00:39:20
【问题描述】:

我有图片和文字,我需要左边的图片和右边的文字.. 我无法更改 HTML,所以我只需要使用 CSS 即可。

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

【问题讨论】:

  • 您好,请始终记住首先访问 Google - 查询 css align image left css align text right 将为您提供正确的 CSS 语法。如果这不能解决你的问题,你能澄清你需要知道的吗?您是否不清楚如何定位每个元素?
  • 嗨Pekka ..我昨天一整天都在用谷歌搜索它..它没有工作..我需要它来响应..我的标题总是在照片的顶部并且不正确并像我需要的那样在中间对齐(我尝试使用 inline-block 和 margin 0 auto - 但没有成功).. 我尝试了 20 个示例,但它看起来不像我需要它。

标签: html image css text alignment


【解决方案1】:

在 CSS 中,您可以使用浮动功能和边距功能来帮助您放置图像。只需使用 float: leftfloat : right 编写您常用的 CSS 代码来帮助您。

【讨论】: