Question

I am trying to align two different sets of text to be on the same line.

<h2 style="text-align:center">Only $4 for first-class shipping on all orders!</h2><span style="text-align:right">test</span>​

I’m trying to have these on the same line. i thought the span tag did it, but it doesnt. when i put it in a div, it goes down a line, i need it on the same line.

http://jsfiddle.net/MWDxC/

Answer 1

If you want to keep the <h2> centered and the <span> on the right – http://jsfiddle.net/MWDxC/3/

<header>
    <h2>Only $4 for first-class shipping on all orders!</h2>
    <span>test</span>
</header>

header {
    position: relative;
}

h2{
    text-align: center;
}

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