问题与文本对齐

Question

我在我的CSS有text-align = top;有一些问题。我想要的是让段落元素在顶部和右侧对齐。它在第一行工作正常，但第二行仍然在我的图像下方。我也尝试做水平对齐;但那并不适合我。

我一直在寻找在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/