text-align的问题

Question

我在CSS中遇到text-align = top;的问题。我想要的是让段落元素在我的图像的顶部和右侧对齐。它在第一行工作正常，但第二行仍然在我的图像下面。我也试过做horiz-align;但那对我来说并没有。

我正在查看的W3C页面如下：http://www.w3schools.com/cssref/pr_pos_vertical-align.asp

CSS代码如下：

img.top {
    vertical-align: text-top;
}

这是HTML的一部分，我试图操纵它。

<p>
<img class = top src="../images/myImage.gif" alt="A curious stack question"/>
    Many questions <br/>
    Are most certainly to come
</p>

我怀疑问题的一部分是<br/>，因为没有它，文本会与顶部对齐;但我确实要求该位置的<br/>进行格式化。我在考虑使用<pre>;但我不确定这是否是最佳解决方案。

Answer 1

你对这个结构的关系如何？你可以这样做：

<强> HTML：

<img class="top" src="..img/img.jpg"/>
<p>
    Many questions <br/>
    Are most certainly to come
</p>
<div class="clear"></div>

<强> CSS：

img.top {
  float: left;
}

.clear {
  clear: both;
}

FIDDLE： https://jsfiddle.net/6pwry2nn/