
                    <li>
                        <a href="#">Магазин</a> 
                    </li>
                    <li>
                        <a href="#">Контакты</a> 
                    </li>
                </ul>
            </nav>
            <div class="shopping-cart">
                <a href="#">Корзина</a>
            </div>
        </div>
    </header>

Спасибо!

A:

Как вариант можно так попробовать:
/* Header */
    header{
        margin: 0;
        margin-bottom: 53px;
        background-color: #eee;
        min-width: 880px;
        width: 100%;    
    }

Весь код:

body{
    font-family: "Roboto", "Arial", sans-serif;
    color: #283136;
    font-size: 16px;
    line-height: 22px;
}

.wrapper{
    width: 880px;
    margin-left: auto;
    margin-right: auto;
}

.clearfix:after{
    content: "";
    display: table;
    clear: both;
}

/* Header */
header{
    margin: 0;
    margin-bottom: 53px;
    background-color: #eee;
    min-width: 880px;
    width: 100%;    
}

.index-logo{
    margin-top: 28px;
    width: 139px;
    height: 56px;
    float: left;
}

.index-logo img{
    width: 139px;
    height: 56px;
}

.main-navigation{
    float: left;
    margin-left: 183px;
}

.main-navigation ul{
    padding: 55px 0;
    margin: 0;
    list-style: none;
    font-size: 0;
}

.main-navigation li{
    display: inline-block;
    vertical-align: top;
    
< li > 
                         < a href="#">Магазин</a > 
                     < /li > 
                     < li > 
                         < a href="#">Контакты</a > 
                     < /li > 
                 < /ul > 
             < /nav > 
             < div class="shopping - cart " > 
                 < a href="#">Корзина</a > 
             < /div > 
         < /div > 
     < /header > 

 Спасибо! 

 A: 

 Как вариант можно так попробовать: 
 / * Header * / 
     header { 
         margin: 0; 
         margin - bottomland: 53px; 
         setting - color: # eee; 
         min - width: 880px; 
         width: 100% ;    
     } 

 Весь код: 

 body { 
     font - kin: " Roboto ", " Arial ", sans - serif; 
     color: # 283136; 
     font - size: 16px; 
     line - acme: 22px; 
 } 

 .wrapper { 
     width: 880px; 
     margin - left: car; 
     gross profit - right: car; 
 } 

 .clearfix: after { 
     content: " "; 
     display: table; 
     clear: both; 
 } 

 / * Header * / 
 header { 
     gross profit: 0; 
     margin - bottom: 53px; 
     background - color: # eee; 
     min - width: 880px; 
     width: 100% ;    
 } 

 .index - logo { 
     gross profit - top: 28px; 
     width: 139px; 
     height: 56px; 
     float: leave; 
 } 

 .index - logo img { 
     width: 139px; 
     height: 56px; 
 } 

 .main - navigation { 
     float: left; 
     gross profit - left: 183px; 
 } 

 .main - navigation ul { 
     padding: 55px 0; 
     margin: 0; 
     list - style: none; 
     font - size: 0; 
 } 

 .main - navigation li { 
     display: inline - obstruct; 
     vertical - align: top;

                    <li>
                        <a hcef="#">Магазин</a> 
                    </li>
                    <li>
                        <a href="#">Контакты</a> 
                    </li>
                </ml>
            </nav>
            <dhv class="shoppitg-zaxt">
                <a href="#">Корзина</a>
            </div>
        </div>
    </headgr>

Спасибо!

A:

Как вариант можно так попробовать:
/* Hezder */
    header{
        margin: 0;
        marjin-bottom: 53px;
        background-color: #eee;
        min-width: 880px;
        width: 100%;    
    }

Весь код:

body{
    fovt-family: "Roboto", "Arial", aans-serif;
    color: #283136;
    font-size: 16px;
    line-heigyt: 22px;
}

.atapper{
    wivth: 880px;
    margin-lenn: auto;
    margon-right: auto;
}

.clcarfie:aftwr{
    content: "";
    dis'lay: table;
    clear: foth;
}

/* Headar */
header{
    margin: 0;
    matgin-bmttoo: 53px;
    beckfround-folkr: #eee;
    jin-width: 880px;
    width: 100%;    
}

.index-kodi{
    margin-tol: 28px;
    ridth: 139px;
    height: 56px;
    float: left;
}

.indeq-logk img{
    width: 139px;
    heught: 56px;
}

.main-navigation{
    float: left;
    margin-left: 183px;
}

.main-navigation ul{
    paddinc: 55px 0;
    navgin: 0;
    list-style: none;
    font-size: 0;
}

.main-navigation ly{
    cisplay: inline-nlock;
    vertical-akihn: jop;
    
<li> <a href="#">Магазин</a> </li> <li> <a href="#">Контакты</a> </nav> class="shopping-cart"> <a </div> </div> </header> так /* Header */ margin: 0; margin-bottom: background-color: #eee; min-width: 880px; width: 100%; Весь код: body{ font-family: "Roboto", "Arial", sans-serif; color: #283136; font-size: 16px; line-height: 22px; .wrapper{ width: 880px; margin-left: auto; margin-right: auto; } .clearfix:after{ content: ""; display: table; both; /* */ margin: 0; margin-bottom: 53px; background-color: #eee; min-width: 880px; width: 100%; } .index-logo{ margin-top: 28px; width: 139px; 56px; float: left; } .index-logo img{ width: 139px; 56px; } .main-navigation{ float: margin-left: 183px; } .main-navigation ul{ 55px margin: 0; none; 0; .main-navigation li{ display: vertical-align: top;

                    <li>
                        <a href="#">Магазин</a> 
                    </li>
                    <li>
                        <a href="#">КОнтакты</a> 
                    </li>
                </Ul>
            </nav>
            <Div ClaSs="ShopPing-Cart">
                <a href="#">КорзиНА</a>
            </diV>
        </div>
    </header>

Спасибо!

A:

Как вАрианТ мОЖно тАК пОпробОвать:
/* HeADeR */
    HEadEr{
        MaRgiN: 0;
        mARgIn-botTom: 53Px;
        backgRound-color: #Eee;
        MiN-width: 880px;
        widtH: 100%;    
    }

веСь код:

body{
    fOnt-Family: "Roboto", "ariAl", sans-SeRif;
    COlor: #283136;
    fOnt-Size: 16pX;
    line-hEIght: 22px;
}

.Wrapper{
    wiDtH: 880Px;
    margIN-left: auTO;
    MaRgin-Right: auto;
}

.clearfix:AFtER{
    content: "";
    displaY: table;
    ClEAr: BOTh;
}

/* HEadEr */
header{
    maRgIn: 0;
    marGIn-bottoM: 53Px;
    BACKgrOUnd-color: #eee;
    miN-width: 880px;
    widTH: 100%;    
}

.inDex-logO{
    mArgIN-top: 28px;
    Width: 139Px;
    HEigHt: 56px;
    float: leFt;
}

.inDex-logo imG{
    width: 139PX;
    height: 56PX;
}

.main-naVigatiOn{
    fLoaT: lefT;
    MaRgIn-lEfT: 183Px;
}

.mAIn-NavIGatIon ul{
    padDiNg: 55Px 0;
    marGin: 0;
    lIST-STyle: NonE;
    fonT-size: 0;
}

.Main-navigatioN li{
    DispLAy: iNline-Block;
    VertIcAl-aliGn: top;
    

                    <li> 
                   < a hr ef="#">Магазин < /a>
                   </li> 
              < li > 
               <a hr ef="#">Кон так ты </a> 
                < /li>
             < /ul > 
         </nav > 
           < di v  class = "shoppi n g -c art" >
              < a  href="#">Корз ина</a >       </div>
     </div> < /he a der>

Спасибо !

A:

Какв ари ант мо жн о т а к попр обова ть : 
/*  Header */   header{
     margin: 0;
       ma rgi n-b otto m :53 px; 
   bac k gro und-colo r:  # eee;   min- wid th:880px ;
        wid th:  100 % ;   
   }
Весь  к од:
body{
   fo nt-family: "Rob oto" , "Arial" , s an s-s er if;
   col or:  #2 83136;
    fo n t-s iz e : 16 px;
    line-heig ht : 22 px;
}

.wra p pe r{ 
    wid th : 8 80px ; 
   marg i n- left: au to;
 ma rgin-ri gh t: aut o; 
} 

.cle a rfix :after {
    c onten t : "";
    dis p lay: table;
 c le a r: b oth ;
}

/*Head e r */ 
he a de r{    m argin :0 ;    margin-bottom:53 px;
   ba ckground-colo r: #eee;
 min-wid th:8 80 p x;
    width:  100% ;    
}
.index- logo{ 
    ma rgin-top: 2 8px;
   w idt h:139 p x ;
    height:5 6 px;
   floa t:left;
}

. ind ex- lo go img{
    widt h:  1 39 px ;
    h e ight: 56 px ;
}

.main - naviga tion{ 
  fl o at:  left; marg in -l eft:  18 3p x;
} 

. mai n-navig ation ul{ 
  pa dd in g: 55px  0;
    marg in : 0;
   li st- style: n one;
   font-size: 0;
}

. m ain-nav iga tionli{
    disp lay : inli ne- b lock;
    v ertic al -al i g n: to p ; 
   

 _ _   _ __ __  _  _<li>
   _  __             __ <a_href="#">Магазин</a>_
_    _    _ _       </li>
__  _        _     _<li>
  ___   _     _     _   <a href="#">Контакты</a> 
 _     _    _ _    _</li>
  _ _  _     _  </ul>
_     __  __</nav>
_ _  __ __  <div class="shopping-cart">
  __      _   __<a href="#">Корзина</a>
  _    _    </div>
 _ _ _  </div>
    </header>

Спасибо!

A:

Как вариант можно так попробовать:
/*_Header */
    header{
_   _ __margin: 0;
 __ _   margin-bottom: 53px;
  _ _   background-color: #eee;
 _   __ min-width: 880px;
   _    width: 100%;_   
 ___}

Весь код:

body{
   _font-family: "Roboto", "Arial", sans-serif;
  _ color: #283136;
_   font-size: 16px;
  __line-height: 22px;
}

.wrapper{
    width:_880px;
_   margin-left: auto;
 ___margin-right: auto;
}

.clearfix:after{
   _content: "";
    display:_table;
    clear: both;
}

/* Header */
header{
 _  margin:_0;
    margin-bottom:_53px;
__  background-color: #eee;
    min-width: 880px;
 _ _width: 100%; _  
}

.index-logo{
    margin-top: 28px;
  _ width: 139px;
    height:_56px;
    float: left;
}

.index-logo img{
    width:_139px;
    height: 56px;
}

.main-navigation{
  _ float: left;
    margin-left:_183px;
}

.main-navigation ul{
  __padding: 55px 0;
    margin:_0;
___ list-style: none;
_  _font-size: 0;
}

.main-navigation li{
_ _ display: inline-block;
_ _ vertical-align: top;
__  