37 lines
947 B
Markdown
37 lines
947 B
Markdown
# text-wrap
|
|
|
|
Text tightly wraps around the contours of shapes or images.
|
|
|
|
## Structure
|
|
|
|
- Image or shape placed within a text block
|
|
- Text flows around the shape's outline
|
|
- Creates organic integration of text and image
|
|
- Shape acts as an anchor within the text flow
|
|
|
|
## Best For
|
|
|
|
- Magazine-style editorial layouts
|
|
- Illustrated articles or reports
|
|
- Content where image and text are equally important
|
|
- Flowing narrative with visual support
|
|
|
|
## Visual Elements
|
|
|
|
- Irregular or shaped image with clear contour
|
|
- Text flowing around the shape boundary
|
|
- Optional drop cap or pull quote
|
|
- Consistent text column width
|
|
|
|
## Text Placement
|
|
|
|
- Text wraps around the image contour
|
|
- Image positioned left, right, or center within text
|
|
- Caption below or beside the image
|
|
|
|
## Recommended Pairings
|
|
|
|
- `aged-academia`: Classic editorial text wraps
|
|
- `storybook-watercolor`: Illustrated story pages
|
|
- `crayon-hand-drawn`: Hand-drawn image with flowing text
|