CSS+DIV: 이미지 주위에 텍스트 문자 둘러싸기

저자：Eve Cole 업데이트 시간：2009-05-31 00:49:51

위의 효과를 보면 이것이 단지 텍스트가 있는 그림이라고 생각할 수도 있습니다. 하하, 마우스를 사용하여 텍스트를 선택하면 이것이 완전히 그림과 텍스트의 조합임을 알 수 있습니다.

먼저 코드를 살펴보겠습니다.

인용된 내용은 다음과 같습니다.
<div 아이디="정보">
<h2>이미지 추적</h2>
<div id="holdit">
<img src="/imagelist/06/24/4fnpgj5042e6.jpg" alt="곰돌이 푸우" title="곰돌이 푸우" />




























"따라잡을 때까지 기다려야 합니다." 곰돌이 푸가 말했습니다. "자, 저기 보세요." 그는 자기 앞에 있는 땅을 가리켰습니다. 
"발자국이요." Piglet은 흥분해서 약간 끽끽거리는 소리를 냈습니다. "오, 푸우! 그게 우즐이라고 생각하세요?" 
푸는 "그럴 수도 있고, 때로는 그렇지 않을 수도 있습니다. 발 자국으로는 절대 알 수 없습니다." 
이 몇 마디 말로 그는 추적을 계속했고, 피글렛은 그를 1~2분 동안 지켜본 후 갑자기 멈춰서 어리둥절한 표정으로 선로 위로 몸을 굽히고 달려갔습니다. 
"무슨 일이에요?" Piglet이 물었습니다. 
"아주 우스운 일이군요. 하지만 지금은 두 마리의 동물이 있는 것 같습니다. 이것이 무엇이든 간에 다른 동물과 합류한 것입니다. 그것이 무엇이든 간에"
그리고 그 두 사람은 지금 함께 진행하고 있습니다. 혹시 적대적인 동물로 판명될 경우를 대비해 나와 함께 가실 수 있나요?" 
피글렛은 좋은 방법으로 귀를 긁적이며 금요일까지는 할 일이 없으며 정말 우즐이라면 기꺼이 와주겠다고 말했습니다. 
"정말 우즐이 두 마리일 경우를 대비해서요." 곰돌이 푸가 말했고, 피글렛은 어쨌든 금요일까지는 할 일이 없었다고 하더군요. 그래서 그들은 함께 갔습니다.
</div>
</div>