How can I vertical align text at top of div?

Question

How to align the <span> text at top of the <div> if float:right is applied to the <span>.

Here is my code:

span {
  float: right;
}

<div>Lorem ipsum dolor sit amet,
  <br>consectetuer adipiscing elit,
  <br> sed diam nonummy nibh dolore
  <span>Align me</span>
</div>

I tried vertical-align:text-top but its not working. I can't use negative margin and can't even make any changes to HTML.

Answer 1

Please see this and let me know.

span {
  float: right;
  position: relative;
  bottom:40px;
}

Answer 2

You can align it to the top right using position: absolute:

 p {
  position: relative;
 }

span {
  position: absolute;
  top: 0;
  right: 0;
}

<p>Lorem ipsum dolor sit amet, <br>consectetuer adipiscing elit,<br> sed diam nonummy nibh dolore <span>Align me</span></p>