• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Chapter 5. Layout > Creating Curved Text Wrapping

Creating Curved Text Wrapping

With HTML, you can wrap text around a graphic using the float property. However, since all images are rectangular, the text wrapping around the image will follow the edge of the image, creating a distinctly rectangular pattern. Most print layout programs, though, allow you to control the exact shape of the wrap around the image, creating curved shapes. There is no easy way around rectangular text wrapping using CSS.

However, if you have a bit of patience, you can create a faux-curved text wrap around what appears to be a single image. The trick is to slice the image into horizontal strips and then float those next to the text.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint