[HTML,CSS기초]6-2.나만의 음원차트 만들기

결과물

주요 코드

<div class="box">1.너를 만나 - 폴킴</div>
<div class="box">2.여전히 아름다운지 - 김연우</div>
<div class="box">3.도망가자 - 선우정아</div>
<div class="box">4.언제라도 어디에서라도 - 정승환</div>
<div class="box">5.LOVE PARAGE - 데이식스</div>
.box{
  height: 50px;
  background-color:rgb(118, 246, 162);
  line-height: 50px;
  padding: 5px;
  margin: 15px;
  font-weight: bolder;
}

: line-height는 글자의 수직정렬 하기 위해서 사용, height와 똑같이 설정하면 중앙정렬이 된다.


padding: 5px이 연두색 띠이고 margin:15px이 주황색 띠이다.

좋은 웹페이지 즐겨찾기