티스토리 뷰
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
<style type="text/css">
p {
border: 1px solid red;
background: yellow;
}
img {
border: 1px solid blue;
padding: 10px;
}
.imgBox img {
float: left;
}
.textBox {
clear: both; /* float 해제 */
}
</style>
</head>
<body>
<p class="imgBox">
이미지를 왼쪽으로 플로트시키면 부모 요소인 P요소는 텍스트만을 자식 요소로 가지게 됩니다. <img
src="http://img.naver.net/static/www/u/2010/0611/nmms_215646753.gif"
width="150" height="150" />
</p>
<p class="textBox">걷자ㅣ거ㅏㅈ디ㅓ가ㅣㄷ저ㅏㅣ거ㅏㄷ지ㅏㅣ거ㅏㅈ디ㅏㅓ가ㅣㄷ자거잗ㄱㄷㅈ ㄱㄷㅈㄱ
ㅈㄷㄱㅈㄷㄱㅈㄷㄱㅈㄷㄱㅈㄷㄱㄷㅈ겆디ㅏㅓ가ㅣㅈ다ㅣ가ㅣㅈ더ㅣ가ㅣㅈ디ㅓ가ㅣㅈㄷㄱ</p>
</body>
</html>'java,web study > 5주차 (7월 29일~8월 4일)' 카테고리의 다른 글
| 자손과 후손 예제 (0) | 2013.07.31 |
|---|---|
| 라운드 (모서리 깎기) 예제 (0) | 2013.07.31 |
| 속성 (76페이지 예제) (0) | 2013.07.31 |
| 73페이지 예제 (0) | 2013.07.31 |
| 문장에 마진 적용 (0) | 2013.07.31 |
댓글