● 이미지 요소와 텍스트 요소 배치하기
이미지 요소와 텍스트 요소가 함께 사용될 때 float 속성의 특징을 적용하면 다음과 같은 레이아웃을 만들 수 있습니다.
06/05/float-img.html
<style>
img{
float:left;
margin-right:1rem;
}
</style>
</head>
<body>
<img src="images/coffee.jpg" alt="커피">
<p>Lorem, ipsum dolor ... </p>
</body>
그림 6-56 실행결과