Html 垂直对齐图像旁边的文本

我试图从头开始建立一个博客，但是我在对齐图片顶部的文本时遇到了问题。当前文本位于图像右侧，但居中。如何将文本与顶部对齐

HTML

---

尝试添加此选项，如果有帮助，请告诉我：

.left {display:block;float:left;}

.right {float:left;margin-left:20px;}

默认情况下，文本向左对齐，因此您不需要

align:left

。此外，仅供参考，它是

文本对齐：左
演示：

诸如此类的废话
。文本的前两行正确对齐，但第三行好像没有边距？
.left{
    display:inline-block;
    clear:left;
}

.right{
    display:inline-block;
    vertical-align: top;
    clear:right;
    }

.left {display:block;float:left;}

.right {float:left;margin-left:20px;}

<p  class="left"><img src="images/test.jpg" height="153" width="186"></p><p class="right">bLAH BLAH BLAH</p>
<div style="clear: both"></div>