title: flex-direction:column justify-content not working
body: <p>I coded a html file that has a body element and in the body element there are 3 paragraph tags. </p>
  
  <p>all the paragraphs have border of 2px solid black I want to collapse the borders of all paragraphs using flexbox. here is html and css code:</p>
  
  <pre><code>&lt;body&gt;
    &lt;p&gt;
      iisquam quis maxime laudantium, rerum saepe, eum, nam velit ipsam expedita sed nulluisquam minus ullam ducimus ipsam excepturi eligendi, harum similique perspiciatis provident accusamus suscipit! Hic doloribus inventore corrupti obcaecati praesentium maiores reiciendis consectetur pariatur veritatis quam saepe libero blanditiis fugiat, quae recusandae cumque. Delectus libero, nam accusamus mollitia quia deserunt?
    &lt;/p&gt;
    &lt;p&gt;
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse, aut magnam? Iure nemo totam corporis in quos, nesciunt suscipit at reprehenderit pariatur cupiditate tempore iste error, ducimus ea eveniet aut ipsum id labore, quidem impedit nihil voluptate fugiat voluptatum explicabo. Iusto officia unde, nesciunt aliquam enim temporibus? Eaque, placeat dignissimos!
    &lt;/p&gt;
    &lt;p&gt;
      Lorem ipsum dolor sit amet consectetur adipisicing elit. Quos autem exercitationem laborum illo ipsum ex corporis omnis. Rem dignissimos perspiciatis sequi quod officiis, reiciendis iste.
    &lt;/p&gt;
  &lt;/body&gt;
  &lt;style&gt;
  body{
    display:flex;
    flex-direction:column;
    justify-content:stretch;
  }
  p{
    border:2px solid black;
    maring:0;
  }
  &lt;/style&gt;
  </code></pre>
  
  <p>You can see that justify-content property is set to stretch. but in the output the pargraphs are not at all stretched. There is a space between each paragraph element and the borders are not collapsed. How can I fix the css code such that there is no margin like space around all the flex items</p>