Paragraph of text in circle using CSS [duplicate]

by

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.

More Related Contents:

  1. CSS triangle containing text
  2. Vertical Text Direction
  3. Setting a max character length in CSS
  4. How to stop text from taking up more than 1 line?
  5. How to draw circle in html page?
  6. Easier way to create circle div than using an image?
  7. HTML: Changing colors of specific words in a string of text
  8. Dual-Color Text
  9. HTML + CSS: Numbered list with numbers inside of circles
  10. Changing the highlight color when selecting text in an HTML text input
  11. How to use an tag inside a in the middle of a text? [duplicate]
  12. Making text background transparent but not text itself
  13. How can I align text directly beneath an image?
  14. How to place Text and an Image next to each other in HTML?
  15. Can't get footer image to display in IE8?
  16. How to force child div to be 100% of parent div’s height without specifying parent’s height?
  17. Unwanted margin in inline-block list items [duplicate]
  18. Background image not showing in Safari
  19. How to vertically align into the center of the content of a div with defined width/height?
  20. How to make an element’s background-color a little darker using CSS
  21. Allow specific tag to override overflow:hidden
  22. Can I nest button inside another button?
  23. HTML float right element order
  24. Add text above HTML5 Video
  25. How can I create a wavy shape CSS?
  26. CSS Zigzag Border with a Textured Background
  27. How to create a multi-column list?
  28. Bootstrap – Fill fluid container between header and footer
  29. “break-inside: avoid-column” doesn’t work in Firefox
  30. download webpage and dependencies, including css images [closed]

Leave a Comment