<div>
Here are some more examples...<br />
<a href="http://meyerweb.com/eric/css/edge/slantastic/demo.html" rel="ugc">http://meyerweb.com/eric/css/edge/slantastic/demo.html</a><br />
<a href="http://meyerweb.com/eric/css/edge/curvelicious/demo.html" rel="ugc">http://meyerweb.com/eric/css/edge/curvelicious/demo.html</a><br />
<a href="http://meyerweb.com/eric/css/edge/raggedfloat/demo.html" rel="ugc">http://meyerweb.com/eric/css/edge/raggedfloat/demo.html</a><br />
<a href="http://meyerweb.com/eric/css/edge/raggedfloat/demo2.html" rel="ugc">http://meyerweb.com/eric/css/edge/raggedfloat/demo2.html</a>
</div>


<div>
&quot;just use &amp;nbsp;&quot;<br />
<br />
If you do that, then you will never be guaranteed that the text will follow the shape of the image for various reasons: &nbsp;<br />
<br />
- All browsers render text slightly differently. &nbsp;<br />
- Sometimes the user's system may not have the particular font, so the browser will substitute a similar font.<br />
- If the user resizes the text in their browser, then it definitely won't line up anymore.<br />

</div>


<div>
An image in your browser is allways a rectangled shape.<br />
Unless you split your image into pieces, like the above links will show you, it's impossible
</div>


<div>
A good solution for what I was asking about. &nbsp;Thank you.
</div>


<div>
<div class="content wysiwyg-content">
I have a project where the client has what is roughly a diamond shaped image (the content of the image) and wants the text next to it to follow the shape of it.<br />
<br />
Of course I can do this in photoshop. &nbsp;But, they want the text to be editable and update-able.<br />
<br />
So, I have to ask - is there a way to do this? &nbsp;Can a text area be &quot;shaped&quot;?
</div>
</div>


I have a project where the client has what is roughly a diamond shaped image (the content of the image) and wants the text next to it to follow the shape of it.

Of course I can do this in photoshop.  But, they want the text to be editable and update-able.

So, I have to ask - is there a way to do this?  Can a text area be "shaped"?

html/css text block shape

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.

HTML

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.