이미지 주위에 텍스트를 배치하는 것은 모든 종류의 웹사이트에서 매우 매력적입니다. HTML을 사용하여 CSS 이미지를 텍스트로 감싸는 것이 가능하며 이미지의 모양이 일정하지 않기 때문에 그렇게 하는 방법은 다양합니다. ~ 안에 HTML :

• 당신은 또한 사용할 수 있습니다 CSS 모양 외부 속성 이미지의 모양에 따라.
• 다양한 레이아웃을 위해 HTML에서 이미지를 오른쪽, 왼쪽 또는 가운데로 정렬합니다. 아래 예는 위의 접근 방식을 보여줍니다.

예시 1: 이 예에서는 이미지가 화면 오른쪽에 떠 있고 텍스트가 이미지를 감싸고 있습니다. 여기서는 도형 이미지가 일반적(정사각형)이므로 Shape-Outside 속성이 필요하지 않습니다.

HTML