{"id":2893,"date":"2024-02-12T16:13:00","date_gmt":"2024-02-12T21:13:00","guid":{"rendered":"https:\/\/carleton.ca\/cutheme-docs\/?p=2893"},"modified":"2024-09-18T20:32:04","modified_gmt":"2024-09-19T00:32:04","slug":"how-to-wrap-text-around-an-image","status":"publish","type":"post","link":"https:\/\/carleton.ca\/cutheme-docs\/2024\/how-to-wrap-text-around-an-image\/","title":{"rendered":"How to Wrap Text Around an Image"},"content":{"rendered":"\n<section class=\"w-screen px-6 cu-section cu-section--white ml-offset-center md:px-8 lg:px-14\">\n    <div class=\"space-y-6 cu-max-w-child-5xl  md:space-y-10 cu-prose-first-last\">\n\n            <div class=\"cu-textmedia flex flex-col lg:flex-row mx-auto gap-6 md:gap-10 my-6 md:my-12 first:mt-0 max-w-5xl\">\n        <div class=\"justify-start cu-textmedia-content cu-prose-first-last\" style=\"flex: 0 0 100%;\">\n            <header class=\"font-light prose-xl cu-pageheader md:prose-2xl cu-component-updated cu-prose-first-last\">\n                                    <h1 class=\"cu-prose-first-last font-semibold !mt-2 mb-4 md:mb-6 relative after:absolute after:h-px after:bottom-0 after:bg-cu-red after:left-px text-3xl md:text-4xl lg:text-5xl lg:leading-[3.5rem] pb-5 after:w-10 text-cu-black-700 not-prose\">\n                        How to Wrap Text Around an Image\n                    <\/h1>\n                \n                                \n                            <\/header>\n\n                    <\/div>\n\n            <\/div>\n\n    <\/div>\n<\/section>\n\n\n\n<p>There are three simple steps that you can take to wrap text around an image.<\/p>\n\n\n\n<p><strong class=\"myprefix-text-bold\">b<\/strong><a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-blocks-overview\/#addblock\"> Add an image block<\/a> to your page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"162\" height=\"198\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-12-at-10.51.46@2x.png\" alt=\"Image block\" class=\"wp-image-2896\" style=\"width:98px;height:auto\"\/><\/figure>\n\n\n\n<p>2. <a href=\"https:\/\/carleton.ca\/cutheme-docs\/getting-started\/module-3-essential-text-blocks\/module-3-blocks-overview\/#addblock\">Add a paragraph block<\/a> to your page.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"168\" height=\"164\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-12-at-10.50.54@2x.png\" alt=\"paragraph block\" class=\"wp-image-2895\" style=\"width:95px;height:auto\"\/><\/figure>\n\n\n\n<p><strong class=\"myprefix-text-bold\">3.<\/strong> Align the image left or right using the align option in the block context menu.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"766\" height=\"392\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-12-at-10.57.49@2x.png\" alt=\"\" class=\"wp-image-2899\" style=\"width:341px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-12-at-10.57.49@2x.png 766w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-12-at-10.57.49@2x-320x164.png 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/CleanShot-2024-02-12-at-10.57.49@2x-512x262.png 512w\" sizes=\"auto, (max-width: 766px) 100vw, 766px\" \/><\/figure>\n\n\n\n<h2 id=\"example-text-and-image-wrapping\" class=\"wp-block-heading\">Example &#8211; Text and Image Wrapping<\/h2>\n\n\n\n<figure class=\"wp-block-image alignleft size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"2560\" height=\"1920\" src=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-scaled.jpeg\" alt=\"\" class=\"wp-image-2862\" style=\"width:364px;height:auto\" srcset=\"https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-scaled.jpeg 2560w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-512x384.jpeg 512w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-1024x768.jpeg 1024w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-320x240.jpeg 320w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-768x576.jpeg 768w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-1536x1152.jpeg 1536w, https:\/\/carleton.ca\/cutheme-docs\/wp-content\/uploads\/sites\/2\/2024\/02\/cupcake-2048x1536.jpeg 2048w\" sizes=\"auto, (max-width: 2560px) 100vw, 2560px\" \/><\/figure>\n\n\n\n<p>Marzipan halvah sugar plum drag\u00e9e topping lemon drops. Cake gingerbread cookie caramels brownie sweet pie brownie. Cupcake candy canes jujubes chupa chups macaroon cookie cake.<\/p>\n\n\n\n<p>Topping jelly sugar plum wafer sesame snaps. Muffin dessert candy cake sweet roll bear claw. Chocolate bar tiramisu halvah candy canes candy canes chocolate bar.<\/p>\n\n\n\n<p>Chocolate bar danish dessert sweet roll muffin cotton candy pastry toffee powder. Macaroon danish souffl\u00e9 apple pie jelly souffl\u00e9. Bear claw fruitcake drag\u00e9e gummi bears bear claw gingerbread. Brownie pudding gummi bears donut tiramisu oat cake marzipan cake bonbon.<\/p>\n\n\n\n<h2 id=\"video-tutorial\" class=\"wp-block-heading\">Video Tutorial<\/h2>\n\n\n\n<div class=\"cu-section cu-section-5xl not-contained bg-white cu-prose\"><figure class=\"cu-embed cu-component not-contained mx-auto max-w-5xl\"><div class=\"relative w-full pb-[56.25%] overflow-hidden border border-cu-black-100\"><iframe title=\"Videos Embed\" src=\"https:\/\/www.youtube.com\/embed\/01K1S5lqkQ0\" class=\"cu-embed-iframe\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/div><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>There are three simple steps that you can take to wrap text around an image. b Add an image block to your page. 2. Add a paragraph block to your page. 3. Align the image left or right using the align option in the block context menu. Example &#8211; Text and Image Wrapping Marzipan halvah [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":"","_links_to":"","_links_to_target":""},"categories":[36,25],"tags":[],"class_list":["post-2893","post","type-post","status-publish","format-standard","hentry","category-blocks","category-tips-tricks"],"acf":{"cu_post_thumbnail":""},"_links":{"self":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2893","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/comments?post=2893"}],"version-history":[{"count":5,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2893\/revisions"}],"predecessor-version":[{"id":4348,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/posts\/2893\/revisions\/4348"}],"wp:attachment":[{"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/media?parent=2893"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/categories?post=2893"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/carleton.ca\/cutheme-docs\/wp-json\/wp\/v2\/tags?post=2893"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}