center정렬이 되지않습니다.

마지막에서 확인을하는데 header의 navi 메뉴가 center 정렬이 되지 않습니다. header.html을 아래와 같이 설정하면 되긴하는데 강사님과같이 타이핑했을때는 적용이 되지않네요.. 별거아니지만 질문드려봅니다.

<div class=pragmatic_header" >
        <div>
            <h1 class="pragmatic_logo">Pragmatic</h1>
        </div>
      <div class="pragmatic_header">
        <span>nav1</span>
        <span>nav1</span>
        <span>nav1</span>
        <span>nav1</span>
      </div>
</div>