If you wish to create a circle or a round div you can easily do this using the shape CSS option.
What is the best part using this feature?
You can actually create a circle and the text to float around it. You wish to se a demo? Check this
How i did this? This is quite easy:
.roundcircle {
float: left;
height: 300px;
width: 300px;
shape-outside: circle();
clip-path: circle();
background: linear-gradient(to top right, #ccc, #ccc);
margin-right:20px;
}
For this to work use this HTML code:
<div class="roundcircle"></div>
Check here the demo:
