더 좋은 방법

훨씬 좋다니까요 이 작은 테이블에 마크업(HTML)이 얼마나 될까요? 2.1k입니다. 여기에는 4개의 행과 2개의 열이 있어요. 그러나 간격용 GIF는 사용하지 않았지요.
그렇다니까요 게다가 이들 점선 모두는 CSS로 처리했고 완전히 유효한 것입니다.
  • 이것은 목록 항목이며
  • 바라던 방식 그대로 예요.
이것은 8개 테이블과 4개의 셀 규칙으로 이루어진 것입니다. 자세히 보면, 8개 셀과 4개의 css 규칙이 전부이죠.
  • 블릿 목록 만세
  • 블릿 목록 작성에 블릿 리스트(ul/li)를 사용하고 CSS로 나머지를 처리하면 된다니까요.
필요한 것은 <table>, <td>, <ul>, 그리고 <li> 규칙입니다. 그래요. 예 잘 하셨습니다.
  • 블릿 목록 정말 맘에 듭니다.
  • 훌륭해! 위장된 블릿은 안녕~

다음은 불필요한 마크업(HTML)을 제거하기 위해 사용된 CSS 코드이다.:

table { border-bottom: 1px dotted fuchsia; border-left: 1px dotted fuchsia }

td { padding: 11px 20px 20px 11px; border-top: 1px dotted fuchsia; border-right: 1px dotted fuchsia }

ul { margin-top: 10px; margin-bottom: 10px; margin-left: 0; padding-left: 1em }

li { margin-bottom: 10px }