간격 맞추기 (예제) > html

본문 바로가기
사이트 내 전체검색

html

간격 맞추기 (예제)

페이지 정보

작성자 서방님 댓글 0건 조회 86회 작성일 07-06-19 10:17

본문

예문)간격 맞추기- 테이블로 맞춰야만했던 부분을 css로 간편하게 하는법

며칠전 테이블로 작업을 하다 OTL
조금만 생각해보면 아주 쉬운 방법들이 많죠
아래 예문처럼 저것을 테이블로 하게 된다면 복잡해지죠


<style type="text/css">
 li em{width: 5em; float:left;}
 li {list-style: none;}
</style>

<body>
 <ol>
  <li><em>aaaaaaa</em>bbbbbbbbbbbbbbbbbbbbbbbbbb</li>
  <li><em>aaaaa</em>bbbbbbbbbbbbbbbbbbbbbbbbbb</li>
  <li><em>aaa</em>bbbbbbbbbbbbbbbbbbbbbbbbbb</li>
  <li><em>aa</em>bbbbbbbbbbbbbbbbbbbbbbbbbb</li>
  <li><em>a</em>bbbbbbbbbbbbbbbbbbbbbbbbbb</li>
 </ol>
</body>


- 화면에 보여지는 부분 -
1.gif

댓글목록

등록된 댓글이 없습니다.

Total 323건 17 페이지
게시물 검색

회원로그인

접속자집계

오늘
126
어제
225
최대
1,347
전체
154,885
Latest Crypto Fear & Greed Index

그누보드5
Copyright © 서방님.kr All rights reserved.