html文字靠左图片向右对齐

你可以使用CSS样式来实现文字靠左，图片向右对齐的效果。具体的做法是在img标签和文字所在的容器元素上添加CSS样式，如下所示：

<style>
    .image-container {
        display: flex;
        align-items: center;
    }
    .text {
        margin-left: 10px;
    }
    .image {
        margin-left: auto;
    }
</style>

<div class="image-container">
    <img src="your_image_url" class="image">
    <p class="text">这里是文字</p>
</div>

这里的做法是使用CSS Flexbox布局，将图片和文字所在的容器元素设置为flex容器，然后使用align-items属性来垂直居中容器内的元素。接着，对文字和图片分别设置margin属性来控制它们之间的距离，同时将图片的margin-left设置为auto，让图片向右对齐。

这样，文字就会靠左，图片向右对齐了。你可以根据自己的需求来调整CSS样式，达到最理想的效果。