Having a bit of trouble with the text-align = top;
in my CSS. My goal is to align the paragraph element at the top and to the right of my image. It's working fine on the first line, but the second line remains below my image. I attempted using horiz-align as well, but it didn't work out for me.
The W3C page I referenced is: http://www.w3schools.com/cssref/pr_pos_vertical-align.asp
Here is the CSS code snippet:
img.top {
vertical-align: text-top;
}
This is the section of HTML that I'm trying to modify:
<p>
<img class = top src="../images/myImage.gif" alt="A curious stack question"/>
Many questions <br/>
Are most certainly to come
</p>
I believe part of the issue may be due to the <br/>
tag because without it, the text aligns properly at the top. However, I need the <br/>
there for formatting purposes. I thought about using <pre>
, but I'm unsure if that would be the best solution.