Alinhamento de Header

Front-end
,
#1

boa noite… estou estudando uma apostila de css e html5 pq nunca fui mto bom nisso… acho q ainda nao sou rss…

estou com um problema m para alinhar um header… a sacola fica colada ao menu horizontal!

seguem os codigos:

Sobre a Mirror Fashion Mirror Fashion 
    <p class="sacola">Nenhum Item Na Sacola</p>
    
    <nav class="menu-opcoes">
    	<ul>
        	<li><a href="#">Sua conta</a></li>
            <li><a href="#">Lista De Desejos</a></li>
            <li><a href="#">Cartão Fidelidade</a></li>
            <li><a href="sobre.html">Sobre</a></li>
            <li><a href="#">Ajuda</a></li>
        </ul>
    </nav>
</header>

<h1>A Mirror Fashion</h1>
<figure id="centro-distribuicao">
	<img src="img/centro-distribuicao.png" />
    <figcaption>Centro de Distribuição da Mirror Fashion</figcaption>
</figure>

<p>
    A <strong>Mirror Fashion</strong> é a maior empresa comércio eletrônico no segmento de moda em todo o mundo. 
    Fundada em 1932, possui filiais em 124 países, sendo líder de mercado com mais de 90% de 
    participação em 118 deles.
</p>

<p>
    Nosso centro de distribuição fica em <a href="https:\\maps.google.com.br/?q=Jacarezinho">Jacarezinho, no Paraná</a>. De lá, 		saem 48 aviões que distribuem nossos produtos às casas do mundo todo. Nosso centro de distribuição:
</p>


<p>
    Compre suas roupas e acessórios na <strong>Mirror Fashion</strong>. Acesse <a href="index.html">nossa loja</a> ou entre em contato se tiver dúvidas. Conheça também nossa <a href="#Historia">história</a> e nossos <a href="#Diferenciais">diferenciais</a>.
</p>



<h2 id="Historia"><em>História</em></h2>
<figure id="familia-pelho">
	<img src="img/familia-pelho.jpg" />
    <figcaption>Familia Pelho</figcaption>
</figure>
<p>
    A fundação em 1932 ocorreu no momento da descoberta econônica do interior do Paraná. A 
    família Pelho, tradicional da região, investiu todas as suas economias nessa nova iniciativa, 
    revolucionária para a época. O fundador <em>Eduardo Simões Pelho</em>, dotado de particular visão 
    administrativa, guiou os negócios da empresa durante mais de 50 anos, muitos deles ao lado 
    de seu filho <em>E. S. Pelho Filho</em>, atual CEO. O nome da empresa é inspirado no nome da família.
</p>
<p>
    O crescimento da empresa foi praticamente instantâneo. Nos primeiros 5 anos, já atendia 18 países. 
    Bateu a marca de 100 países em apenas 15 anos de existência. Até hoje, já atendeu 740 milhões 
    de usuários diferentes, em bilhões de diferentes pedidos.
</p>
<p>
    O crescimento em número de funcionários é também assombroso. Hoje, é a maior empregadora do 
    Brasil, mas mesmo após apenas 5 anos de sua existência, já possuía 30 mil funcionários. Fora do 
    Brasil, há 240 mil funcionários, além dos 890 mil brasileiros nas instalações de Jacarezinho e 
    nos escritórios em todo país.
</p>

<p>
    Dada a importância econômica da empresa para o Brasil, a família Pelho já recebeu diversos prêmios, 
    homenagens e condecorações. Todos os presidentes do Brasil já visitaram as instalações da Mirror 
    Fashion, além de presidentes da União Européia, Ásia e o secretário-geral da ONU.
</p>

<h2 id="Diferenciais">Diferenciais</h2>
<ul>
	<li>Menor preço do varejo, garantido!</li>
    <li>Se você achar uma loja mais barata, leva o produto de graça!</li>
    ...
</ul>

<div id="rodape">
	<img src="img/logo.png" />
    
    &copy; Copyright Mirror Fashion
</div>

segue o css:

.container{
margin:0 auto;
width:940px;
}

@charset “utf-8”;
/* CSS Document */
body{
color:#333333;
font-family:“Lucida Sans Unicode”, “Lucida Grande”, sans-serif;
}

h1{
background-image:url(…/img/sobre-background.jpg);
padding:10px;
}

h2{
border-bottom:2px solid #333333;
margin-top:30px;
}

figure{
background-color:#f2EDED;
border:1px solid;
text-align:center;
padding:15px;
margin:30px;
}

figcaption{
font-style:italic;
margin-top:10px;
}

p{
padding: 0 45px;
text-ident:15px;
}

#centro-distribuicao{
margin-top:0;
margin-left:auto;
margin-right:auto;
width:550px;
float:right;
}

#rodape{
color:#777;
margin: 30px 0;
padding:30px 0;
}

#rodape img{
margin-right:30px;
vertical-align:central;
width:94px;
}

#familia-pelho{
float:left;
margin:0 10px 10px 0;
}

alguem sabe me dizer o porque?
Obrigado!!!

#2

consegui galera… obrigado!!!