HTML/CSS의 사용자 정의 모양의 텍스트 영역

Question

HTML/CSS (가장자리가 4 개인 텍스트 영역)에 사용자 정의 모양의 텍스트 영역을 포함 할 수 있습니까? 방법? 이 같은
뭔가 :

또는 가능하면,이 같은 더 복잡한 : 당신은 다음과 같은 HTML이있는 경우

Answer 1

상단 결과를 들어, 당신은 당신이 찾고있는 것을 같은 것을 얻어야한다 이미지가 필요한 크기의 빈 스페이서입니다

<div style="width:'textbox-width';"> 
    <img style="float: right" /> 
    <span>text goes here</span> 
</div> 

후 스팬의 텍스트가 이미지 주위에 포장해야하며, 위와 같이 나타납니다. 이 슈퍼 않은 의미이기 때문에

육각는 triangluar 이미지

Answer 2

나는이 링크를 제공하는 행위에 몸서리과 같은 방법을 사용 할 수 있습니다. 결과적으로 텍스트의 "줄 바꿈 지점"을 만드는 것이 유일한 목적입니다.

하지만 FWIW는 다음과 같이 요청하는 작업을 수행 할 수 있습니다. 나는 개인적으로 그것의 재미를 위해 또는 아마도 내 자신의 사이트에 이런 일을 할 것이지만, 아마 다른 제작 공개 사이트는 아닙니다.

http://www.csstextwrap.com/

Answer 3

내가 CSS3 지역 및 (Adobe에서 제안 된) 랩 모양과 미래에 가능하게 될 수 있습니다 http://www.adobe.com/devnet/html5/articles/css3-regions.html