[ExampleCode] 1. CSS 관련 응용 코드 모음

[ExampleCode] 1. CSS 관련 응용 코드 모음

1. 리스트 좌우로 펼치기 

  1) 코드

    - display : inline 옵션을 주어 block 형태의 속성을 inline으로 변경한다.

<style>

#linestyle li {

display: inline;

}

</style>

좌우로 펼치기 적용 전<br>

<ul>

<li>test1</li>

<li>test2</li>

<li>test3 </li>

</ul>

좌우로 펼치기 적용 후<br>

<ul id="linestyle">

<li>test1</li>

<li>test2</li>

<li>test3 </li>

</ul>

  2) 결과