TIL no.5 Navigationbar

손병진·2020년 7월 16일
0

TIL

목록 보기
5/22
wecode task

Example

menu1 menu2 menu3 menu4

Navigation bar

html
  <header>
	<h1><a href='index.html'>INTRODUCE</a></h1>
    <span>메뉴1</span>
    <span>메뉴2</span>
    <span>메뉴3</span>
    <span>메뉴4</span>
  </header>
css
header {  
  height: 75px;
  padding: 1rem;
  font-weight: bold;
  display: flex; -> 요게 큰 제목과 소제목을 나란히 두는 css 코드인듯
  justify-content: space-between;
  align-items: center;
}
profile
https://castie.tistory.com

0개의 댓글