Question

I’m currently practicing some HTML 5 Web App development, but I can’t even get my header to align properly.

visit http://www.sithhappens.net to see what I mean, (view page source to see my html)
and http://www.sithhappens.net/iphone.css
to see the CSS

I want the “Route.me” to align middle, and button (which is just a place holder till I implement a button there) to stay to the left. Thanks.

(Visit the webpage on your mobile device)

Answer 1

Here is the correct HTML, I have injected the styling into the HTML so you can see how it is done. The trick is to make the button position: absolute so it does not affect the spacing of the text “Route.Me”.

<article>
<header><button style="
    position: absolute;
">Button</button> <div align="center" style="display: block; text-align: center;">Route.Me </div>
</header>
</article>