> For the complete documentation index, see [llms.txt](https://leeans-dev-book.gitbook.io/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://leeans-dev-book.gitbook.io/docs/lecture/html-css/table.md).
# Table 레이아웃
cart.html 파일 생성
{% code title="cart.html" %}
```html
Title
```
{% endcode %}
### Vertical-align 속성
```html
greetings
안녕
```
{% embed url="" %}
display : inline 혹은 inline-block 요소들을 나란히 배치하면 상하정렬이 이상한 경우가 있습니다.
특히 **큰 이미지와 글**,
또는 **큰 글씨옆에 있는 작은 글씨**
이런걸 나란히 배치했을 때 서로 높이가 맞지 않는 경우가 많은데
이럴 때 margin-top 이런거 대신 쓰는 속성입니다.
Table 에서는 top / middle / bottom 만 가능
### display : inline
항상 옆으로 채워지는 폭과 너비가 없는 요소
```html
// Test Code
123asd123asd123asd
```
✨과제. 아래 그림을 보고 html / css 작성하기기
