Noob - 对齐图像的左右文本[重复]答案

【问题标题】：Noob - Aligning text left and right of image [duplicate]Noob - 对齐图像的左右文本[重复]
【发布时间】：2018-08-01 18:04:06
【问题描述】：

我是编码新手，我已经学习了大约 2 周的代码，并且我取得了不错的进展。我决定建立一个模拟网站来使用我所学的东西并且进展顺利，除了我似乎无法放置图片和文字并排在底部。

我是新手，所以我不完全确定如何询问或解释大声笑对不起..

我的图片在我的段落中......

p class="text" img class="image" src="#.jpg" /p（必须删除标签，它没有显示）

我的文字在 CSS 中向右浮动，我的图片向左浮动..

我尝试了很多东西，例如垂直对齐和不同的方法，但似乎没有任何效果，有没有人有任何想法？提示？谢谢

【问题讨论】：

【解决方案1】：

好的，将 p 标签移到底部，这样它就不会环绕图像了。

<img src="">
<p class= "p">text here</p>

然后为您的段落类将页边距更改为大约 25%。您可以在此处使用像素。我可能会使用图像的高度（以像素为单位），以便文本始终与您想要的图像底部对齐。

这有帮助吗？

【讨论】：

感谢您的建议。我刚刚尝试了这种方法，但不幸的是，文本仍然位于图像对面的顶部......我不确定为什么似乎没有任何效果
你能分享你的html和css吗？
当你说你想要底部的文字时，你只是想让文字环绕图像吗？尝试先放置图像，然后再将文本放入 HTML。然后将 float left 属性分配给图像类。
不，虽然我确实不小心对另一个段落和图像这样做了，它看起来很不错哈哈，这里是 html 和 css..jsfiddle.net/dj6bvrh3/5 文本在哪里，我想要它在底部跨度>
只需将 margin-top 更改为 25% 或图像的高度（以像素 (px) 为单位）。我在上面编辑了我的答案以显示这一点。