<header>
  <ul class="header_bar">
    <li> 메뉴1 </li>
    <li> 메뉴1 </li>
    <li> 메뉴1 </li>
  </ul>
</header>

<div>
  박수빈 <br>
  메뉴바 <br>
  고 <br>
  정 <br>
  알 <br>
  아 <br>
  보 <br>
  기 
</div>
header{
   position: fixed; 
   top: 0;  
   height: 100px;
}

.header_bar{
  display:flex;
  gap:30px;
  
  
  background-color:blue;
  color:white;

}

div{
 font-size:50px;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.