CSS Text Wrapper - Wrap text with CSS in any shape
Tip by Progger99 | 2012-04-26 at 15:02
Letting the outer edges of a text run into any shape - as a circle, a zigzag line, a wine glass, slanting across the page or only slightly curved - is more than difficult with CSS, because the whole CSS box model is rather based on rectangles than on free forms.
Of course there are now also round edges with CSS, with which you can align text in a curved way, but it is much easier to use the following service:
On this page, there is the possibility to enter a text and simply determine the sides of the text freely. For this purpose, you draw and adjust the lines on the sides of the text as you want them. If you need more corners, just click on the line and you get another point which you can move freely.
Try it out, it's very easy and you immediately get the CSS code you need to make your text look like and wrap like you want. On the website, you will also find some demos and video explanations, making it even easier for you to understand how to do it.
About the Author
The author has not added a profile short description yet.
Show Profile
Related Topics
CSS: Include CSS Stylesheets in HTML
Tutorial | 0 Comments
How to Replace multiple Texts at the same Time
Tutorial | 0 Comments
HTML: No line break between particular words
Tip | 0 Comments
Rewrite Text Files with a fixed Line Length
Tutorial | 0 Comments
Reload Images, CSS, JS and Web Pages despite Browser Cache
Tip | 2 Comments
CSS: Display Spaces and Paragraphs as in the HTML Code
Tip | 0 Comments
Website Performance: Deliver JavaScript and CSS files compressed to reduce loading times
Tutorial | 0 Comments
Important Note
Please note: The contributions published on askingbox.com are contributions of users and should not substitute professional advice. They are not verified by independents and do not necessarily reflect the opinion of askingbox.com. Learn more.
Participate
Ask your own question or write your own article on askingbox.com. That’s how it’s done.