2023-05-31

Wrap a paragraph around an image in bootstrap

I want the paragraph to go around the image and wrap it so I don't waste space. My code:

<div class="container">
  <div class="row">
    <div class="col-6">
      <h1 class="display-4">Lorem ipsum</h1>
      <p class="lead">Lorem ipsum is placeholder text commonly used in the graphic, print, and publishing industries for previewing layouts and visual mockups.</p>
      <a href="#" class="btn btn-outline-dark rounded-pill">התחל לכתוב</a>
    </div>
    <div class="col-6">
      <img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Ftse2.mm.bing.net%2Fth%3Fid%3DOIP.YrOgCeeTMGooIg3gpMz8qgHaHa%26pid%3DApi&f=1&ipt=8172a3c985e7c4343b252d0ccaa06f7c36f146a5f6ce4f20fc7c801bf5ce2974&ipo=images" alt="Round Image" class="rounded-circle">
    </div>
  </div>
</div>

I tried having the image below the paragraph but it doesn't work.



No comments:

Post a Comment