[TIL] 07.08

<li> 테그를 가로로 2개씩 놓아서 정렬 하는 부분이 있었는데 css 가 제대로 정렬이 되지 않아 수정을 하였다. 

보드 형태에 이미지와 영양성분 이름과 설명이 들어 가는데 설명이 길어지면 보드의 크기가 달라지고 정렬이 망가지는 것이였다.

그래서 <li> 테그에 우선 이미지와 영양성분 이름, 설명이 정렬이 될수 있도록 display: inlin-block 과 width 를 사용하여 가로 정렬을 맞추어 주고 <li> 자체가 윗부분을 기준으로 하도록 말들기 위해서 vertical-align:top 을 사용하여 정렬을 맞추어 주었다.