Html/CSS Table, vertical-align

<table>
  <thead></thead>
  <tbody>
    <tr>
      <td>내용</td>
      <td>내용</td>
    </tr>
  </tbody>
</table>

table태그 내에 tr은 row, td는 column을 의미

tbody, thead는 헤드 영역을 위해 사용하며
td대신 th태그를 사용하면 굵게 처리

td, th {
  vertical-align : middle;
}

위 코드를 이용해 태이블 내에 상하정렬

top, bottom, middle사용

<p>
  <span style="font-size : 50px">Greetings</span>   <span style="font-size : 20px">안녕</span>
</p>

display: inline, inline-block요소들을 나란히 배치하면 상하정렬이 이상한다ㅔ

margin-top대신 사용하는 속성이다.