순지난
RSS
sample.html<html>
<head>
<title>문단 서식 방향 바꾸기</title>
<style type="text/css">
<!--
#MoveDirection1, #MoveDirection2, #MoveDirection3 {
border: #000000 1px solid; padding: 5px
}
/*모든 아이디에 테두리와 테두리로 부터의 공간*/
#MoveDirection1 {direction: LTR}
/*왼쪽부터 오른쪽으로 정렬*/
#MoveDirection2 {direction: RTL}
/*오른쪽부터 왼쪽으로 정렬*/
#MoveDirection3 {direction: INHERIT}
/*기본값 상속*/
-->
</style>
</head>
<body>
<div id=MoveDirection1>
동해 물과 백두산이 마르고 닳도록<br>
하느님이 보우하사 우리나라 만세<br>
무-궁화 삼-천리 화려강산<br>
대한 사람 대한으로 길이 보전하세<br><br>
남산위에 저소나무 철갑을 두른 듯<br>
바람 서리 불변함은 우리 기상일세<br>
무-궁화 삼-천리 화려강산<br>
대한 사람 대한으로 길이 보전하세
</div>
<div id=MoveDirection2>
동해 물과 백두산이 마르고 닳도록<br>
하느님이 보우하사 우리나라 만세<br>
무-궁화 삼-천리 화려강산<br>
대한 사람 대한으로 길이 보전하세<br><br>
남산위에 저소나무 철갑을 두른 듯<br>
바람 서리 불변함은 우리 기상일세<br>
무-궁화 삼-천리 화려강산<br>
대한 사람 대한으로 길이 보전하세
</div>
<div id=MoveDirection3>
동해 물과 백두산이 마르고 닳도록<br>
하느님이 보우하사 우리나라 만세<br>
무-궁화 삼-천리 화려강산<br>
대한 사람 대한으로 길이 보전하세<br><br>
남산위에 저소나무 철갑을 두른 듯<br>
바람 서리 불변함은 우리 기상일세<br>
무-궁화 삼-천리 화려강산<br>
대한 사람 대한으로 길이 보전하세
</div>
</body>
</html>
'Html &CSS' 카테고리의 다른 글
| 텍스트 갤러리 소스 (0) | 2011.06.28 |
|---|---|
| 링크에 여러가지 효과 주기 (0) | 2011.06.25 |
| CSS를 이용한 마우스 커서 모양 지정 (0) | 2011.06.25 |
| 테이블의 선을 단선으로 border-collapse 속성 (0) | 2011.06.25 |
| table-layout 속성을 이용하여 테이블 고정하기 (0) | 2011.06.25 |