크롬에서 머리글을 가운데에 맞추는 데 문제가 있습니다. JSfiddle에서는 잘 작동하지만 크롬에 놓을 때마다 중심에 있지 않습니다. and와 align-text : center 같은 블록 요소에 여백 0을 사용하려고 시도했지만 그 중 아무 것도 작동하지 않습니다. 이 크롬에서 작동하지 않는 이유 여기 내 HTML과 CSS가의Google 크롬의 h1 요소에 텍스트를 가운데에 맞출 수 없습니다.

*, 
 
*:before, 
 
*:after { 
 
    -webkit-box-sizing: border-box; 
 
    -moz-box-sizing: border-box; 
 
    box-sizing: border-box; 
 
} 
 

 
.container, 
 
.grid { 
 
    margin: 0 auto; 
 
    width: 960px; 
 
} 
 

 
.container { 
 
    padding-left: 30px; 
 
    padding-right: 30px; 
 
} 
 

 
.col-1-3 { 
 
    width: 33.33%; 
 
} 
 

 
.col-2-3 { 
 
    width: 66.66%; 
 
} 
 

 
.col-1-3 { 
 
    display: inline-block; 
 
    vertical-align: top; 
 
} 
 

 
.grid, 
 
.col-1-3, 
 
.col-2-3 { 
 
    padding-left: 15px; 
 
    padding-right: 15px; 
 
} 
 

 

 
/* 
 
    ============================== 
 
    Primary Header 
 
    ============================== 
 
*/ 
 

 
.logo { 
 
    text-align: center; 
 
}

<!DOCTYPE html> 
 
<html lang="en"> 
 

 
<head> 
 
    <meta charset="utf-8"> 
 
    <title>Rysh</title> 
 
    <link rel="stylesheet" href="Assets/stylesheets/main.css"> 
 
</head> 
 

 
<body> 
 
    <header class="container logo"> 
 
    <h1>Rysh</h1> 
 
    <nav> 
 
     <a href="shop.html">Shop</a> 
 
     <a href="about.html">About</a> 
 
    </nav> 
 
    </header> 
 
</body> 
 

 
</html>