Paragraph of text in circle using CSS
I have been looking around for a decent and fast solution on how to place a paragraph of text inside a circle. I found there are two solutions.
Solution 1
Float multiple div's of the same height as the text to the left an right of the text, and by changing the divs width you adjust the space left over for the text.
Solution 2
Use the generator for the same thing, http://www.csstextwrap.com/index.php.
BONUS (not part of the problem, just a tip)
I am not looking for this, but maybe someone might need it, and I think its nice to have it as a link > http://csswarp.eleqtriq.com/ Its a web based generator that helps you wrap your text around the circle.
The Question?
Is there a simpler solution to putting paragraph of text inside a circle without having to add floating div's and additional markup. Slapping an image that contains that text is not a solution. The best case scenario, the solution would have clean HTML markup with few tweaks in the CSS.
Answer
Eric Meyer's book "Eric Meyer on CSS" talks about this (Project 10) and the text wrap solutions that you found use the same principle.
Using a simple border-radius: 50% does not affect the shape of the content box, which are rectangular at this time. For example, see the demo by Kyle Sevenoaks.
There is a CSS3 module under development that addresses this issue:
http://dev.w3.org/csswg/css-shapes
However, this spec is still in draft mode and not currently supported, probably a year or two out.
The short answer is no, but hopefully the comments will provide some insight.