아래 예제를 이쁘게 만들어 보겠습니다.
보기
CSS 공작소에 방문해 주셔서 감사드려용 *^^*
가나 가봉 가이아나 감비아 과테말라 그레나다 그리스 기니 기니비사우 나고르노카라바흐 공화국 나미비아 나우루 나이지리아 남수단 남아프리카 공화국 남오세티야 네덜란드 네팔 노르웨이 뉴질랜드 니제르 니카라과 대한민국 덴마크 도미니카 도미니카 공화국 독일 동티모르 라오스 라이베리아 라트비아 러시아 레바논 레소토 루마니아 룩셈부르크 르완다 리비아 리투아니아 리히텐슈타인 마다가스카르 마셜 제도 마케도니아 공화국 말라위 말레이시아
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
소스
<style type="text/css">
.css_test {
border-radius : 5px;
border : 5px solid gray;
margin : 0 auto;
padding : 5px;
width : 600px;
}
</style>
<div class="css_test">
CSS 공작소에 방문해 주셔서 감사드려용 *^^*<br><br>
가나 가봉 가이아나 감비아 과테말라 그레나다 그리스 기니 기니비사우 나고르노카라바흐 공화국 나미비아 나우루 나이지리아 남수단 남아프리카 공화국 남오세티야 네덜란드 네팔 노르웨이 뉴질랜드 니제르 니카라과 대한민국 덴마크 도미니카 도미니카 공화국 독일 동티모르 라오스 라이베리아 라트비아 러시아 레바논 레소토 루마니아 룩셈부르크 르완다 리비아 리투아니아 리히텐슈타인 마다가스카르 마셜 제도 마케도니아 공화국 말라위 말레이시아<br><br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
설명
아래 두 가지를 정리해 보겠습니다.
- 나라 이름 글자들의 오른쪽 끝부분의 들쭉 날쭉한 것 맞추기
- 박스를 뚫어버린 aaaaaaaaa 문자열 정리하기 입니다.
마무리 전체 소스
보기
CSS 공작소에 방문해 주셔서 감사드려용 *^^*
가나 가봉 가이아나 감비아 과테말라 그레나다 그리스 기니 기니비사우 나고르노카라바흐 공화국 나미비아 나우루 나이지리아 남수단 남아프리카 공화국 남오세티야 네덜란드 네팔 노르웨이 뉴질랜드 니제르 니카라과 대한민국 덴마크 도미니카 도미니카 공화국 독일 동티모르 라오스 라이베리아 라트비아 러시아 레바논 레소토 루마니아 룩셈부르크 르완다 리비아 리투아니아 리히텐슈타인 마다가스카르 마셜 제도 마케도니아 공화국 말라위 말레이시아
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
소스
<style type="text/css">
.css_test {
border-radius : 5px;
border : 5px solid gray;
margin : 0 auto;
padding : 5px;
width : 600px;
text-align : justify;
word-break : keep-all;
word-wrap : break-word;
}
</style>
<div class="css_test">
CSS 공작소에 방문해 주셔서 감사드려용 *^^*<br><br>
가나 가봉 가이아나 감비아 과테말라 그레나다 그리스 기니 기니비사우 나고르노카라바흐 공화국 나미비아 나우루 나이지리아 남수단 남아프리카 공화국 남오세티야 네덜란드 네팔 노르웨이 뉴질랜드 니제르 니카라과 대한민국 덴마크 도미니카 도미니카 공화국 독일 동티모르 라오스 라이베리아 라트비아 러시아 레바논 레소토 루마니아 룩셈부르크 르완다 리비아 리투아니아 리히텐슈타인 마다가스카르 마셜 제도 마케도니아 공화국 말라위 말레이시아<br><br>
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
</div>
설명
- 즐거운 CSS !! 되세요 !!