Css 图像和文本在同一行？

这让我头疼

我试图在左边有一个固定高度/宽度的图像，在右边有一个文本，当然是在同一行。整个容器的动态宽度为视口的90%，这意味着右侧的文本也将具有90%的动态宽度-图像宽度，因为左侧的图像是固定的。文本需要左对齐，所以float:right不起作用。我尝试过无数的浮动、对齐、表格单元格等组合，但没有任何效果。。。我最接近的是它们在同一行，但文本被迫向右对齐

我的意思是：

也许只是：

<img src="#" align="left">
<p>This is my paragraph to the right of my image</p>

这确实有效，如这里所示：

可能只是：

<img src="#" align="left">
<p>This is my paragraph to the right of my image</p>

这确实有效，如下所示：

移动

<div class="righttext">lorem ipsum lorem ipsum <br> lorem ipsum lorem ipsum </div>

移动

---

哦很抱歉您还需要将.leftimage{float:left；}添加到CSSExcellent答案中。非常感谢。很抱歉您还需要将.leftimage{float:left；}添加到CSSExcellent答案中。非常感谢。最佳解决方案！谢谢，最好的解决方案！谢谢你。

<div class="leftimage"><img src="../pictures/test.png"></div>

.righttext{
    float: none;
    margin-left: 600px;
}