title: How to use CSS in order to change <div> so it would look and behave as <p>?
body: <p>The title explains itself I belive. My CSS skill is not good enough to make it work, or predict everything.</p>
  
  <p>I made an simple fiddle: <a href="https://jsfiddle.net/f6oe9umb/3/" rel="nofollow noreferrer">https://jsfiddle.net/f6oe9umb/3/</a></p>
  
  <pre><code>&lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/p&gt;
  &lt;div class="fakeparagraph"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/div&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/p&gt;
  &lt;div class="fakeparagraph"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/div&gt;
  &lt;div class="fakeparagraph"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/div&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/p&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/p&gt;
  &lt;div class="fakeparagraph"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/div&gt;
  &lt;div class="fakeparagraph"&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua&lt;/div&gt;
  </code></pre>
  
  <p>In this case simple margin-bottom should be good enough. But is it? And even if - how to find the correct value?</p>