Сегодня я узнал о свойстве CSS shape-outside, и мне кажется, что я понял его.
Однако, когда я проверяю форму многоугольника в хроме, она слегка смещается вниз и вправо (на фото).
Почему это? Могу ли я изменить это? И если да, то как?
.container {
margin: auto;
width: 80%;
}
img {
float: left;
width: 350px;
shape-outside: polygon(0% 0%, 60% 0%, 65% 10%, 60% 25%, 95% 48%, 95% 50%, 65% 55%, 60% 80%, 68% 95%, 0% 100%);
}
<div class="container">
<h1 id="title">HELLO</h1>
<img src="http://placekitten.com/200/300">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua....(etc.)</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua....(etc.)</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua....(etc.)</p>
</div>