Почему внешний инспектор Chrome смещен? - PullRequest
0 голосов
/ 02 июля 2018

Сегодня я узнал о свойстве CSS shape-outside, и мне кажется, что я понял его.

Однако, когда я проверяю форму многоугольника в хроме, она слегка смещается вниз и вправо (на фото).

Почему это? Могу ли я изменить это? И если да, то как?

enter image description here

.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>
...