How can I display Text around circle. CSS shape-outside

Question

I want to show the text around the Circle I use shape-outside: circle() property but it is not giving me the result i want to display two containers first is \"class circa

Answer 1

shape-outside works only with float element so you need to get rid of flexbox:

.patant_contanner {
  width: 90%;
  height: 350px;
  margin: 0px auto;
  background-color: blue;
  overflow: hidden;
}

.circal {
  width: 200px;
  float:left;
  shape-outside: circle(60% at 0% 50%);
  clip-path: circle(60% at 0% 50%);
  shape-margin: 10px;
  height: 100%;
  background: url(https://picsum.photos/id/1000/800/800) center/cover;
}

  

  
  
 Welcome to the Official Website of Damsna University, Our Institution Is The Most prestigious University in India, Our Institution is granted “A” status By NAAC We approved by UGC Under 2f 12b and also Approved By AICTE (All India Council of
    Technical Education) Welcome to the Official Website of Damsna University, Our Institution Is The Most prestigious University in India, Our Institution is granted “A” status By NAAC We approved by UGC Under 2f 12b and also Approved By AICTE    (All India Council of Technical Education) Welcome to the Official Website of Damsna University, Our Institution Is The Most prestigious University in India, Our Institution is granted “A” status By NAAC We approved by UGC Under 2f 12b and also Approved By AICTE    (All India Council of Technical Education)