display:inline은 블럭태그를 인라인태그로 변환(수평배치됨.너비X)

display:block는 인라인태그를 블럭태그로 변환(수직배치됨.너비지정)

display:inline-block는 한줄에 배치하면서 크기지정할 수 있다
                          * 사이가 띄어지는 것 해결하려면
                            </li>와 다음<li>사이에 마크업주석배치