<!DOCTYPE html> | |
<html> | |
<style> | |
.css-shape { | |
shape-outside: circle(); | |
shape-margin: 2px; | |
width: 200px; | |
border-radius: 50%; | |
float: left; | |
} | |
p { | |
font: 10pt Ahem, sans-serif; | |
width: 250px; | |
} | |
</style> | |
<body> | |
<!-- The blue sector of the image should be at 12'oclock --> | |
<img class="css-shape" src="resources/red-at-12-oclock-with-color-profile.jpg"> | |
<p>Lorem </p> | |
</body> | |
</html> |