html - Centered and fixed header

Question

I am working on my portfolio: www.bbellmedia.com/mywork

I want the text 'Bryan Bell' to be centered how it is, but also be fixed when a user scrolls.

What is the best way of achieving this?

Thank you very much!

Answer 1

画像が見出しを超えないようにする場合は、これを使用します

.header {
   ....
   position: fixed;
   top: 0px;
   width: 100%;
   background-color: black;
   z-index: 300;
}

.app1{
   margin-top: 184px;
}

Answer 2

#header {
  position:fixed;
  text-align:center;
  width:100%;
}

Answer 3

ちょっとこのcss * style-sheet *に慣れました

.header与えるposition fixedと今与えるleft 0 right 0 top 0と与えるz-index maximum

.header {
    left: 0;
    position: fixed;
    right: 0;
    text-align: center;
    top: 0;
    z-index: 999;
}