Boa noite não consigo centralizar o texto na tag aside de maneira ficam mais ou menos assim: João da silva home portfolio blog contato xxxx e os símbolos ficam de fora da ordem. usei o código:
<!DOCTYPE html>
<html>
<head>
<title>Biografia-João da Silva</title>
<meta charset="utf-8">
<link rel="icon" href="favicon.png">
<link rel="stylesheet" href="bio.css">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Crimson+Text:400,400italic,600">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans+Condensed:700">
</head>
<body>
<main>
<h1 style="font-size: 60px; background-color: #851944; color:#F2FFFC; text-align: center;
font font-family: Arial; margin: 0; text-transform: uppercase;">SOBRE MIM</h1>
<p>Moro em São Paulo</p>
<p>Trabalhando usando a web como plataforma</p>
<h2>Como trabalho</h2>
<blockquote>
<p>João é o melhor desenvolvedor com quem já trabalhei.</p>
<cite>José de Souza, Fiat</cite>
</blockquote>
<h2>Experiência</h2>
<blockquote>
<p>João domina a tecnologia como ninguém</p>
<cite>Manoel Santos, petrobrás</cite>
</blockquote>
<p>Já desenvolvi projetos para grandes empresas como<a href="http://WWW.bmw.com">BMW</a> <a href="http://WWW.uol.com.br">UOL</a>e<a href="http://WWW.ibm.com.br">IBM</a>
<p>Também já fui contratado para transformar grandes empresas.</p>
<h2>Comunidades</h2>
<p>Procuro repassar meu conhecimento. Para isso tenho um <a href="blog.html">blog</a></p>
</div>
</main>
<img src="eu.jpg" alt="Foto de João da Silva">
<aside>
<nav>
<h1>João da Silva</h1>
<ul class="icones-sociais">
<li><a href="index.html">Home</a></li>
<li><a href="portfolio.html">portfolio</a></li>
<li><a href="bio.html">Sobre mim</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="contato.html">contato<a></li>
</ul>
<ul class= "icones-sociais2">
<li><--esse já tem block--><a class="github" href="http://github.com/JoãodaSilva">github></a></li>
<li><a class="twitter" href="http://twitter.com/JoãodaSilva">twitter></a></li>
<li><a class="linkedIn"href="http://linked.com/pub/linkedin-joao-da-silva/32/4/508">linkedIn</a></li>
</ul>
</nav>
</aside>
<footer>
©João da Silva,2014
<ul class="icones-sociais social-rodape">
<li><a href="http://github.com/JoãodaSilva"><img src="github.png" alt="github"></a></li>
<li><a href="http://twitter.com/JoãodaSilva"><img src= "twitter.png" alt="twitter"></a></li>
<li><a href="http://br.linked.com/pub/linkedin-joao-da-silva/32/4/508"><img src="linkedIn.png"
alt="linkedin"></a></li>
</footer>
</body>
</html>
