title: How to indent text without using margin or padding in html code?
body: <p>Text inside the <code>p</code> should start in the same line with the <code>h3</code> element just like in the image bellow, but without using <code>margin</code> or <code>padding</code>. Any solution for this?</p>
  
  <p><img src="https://i.stack.imgur.com/LTYnV.jpg" alt="image"></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.inner h1, h3{
    display: inline-block;
    vertical-align: text-bottom;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="inner"&gt;
    &lt;h1&gt;1.&lt;/h1&gt; &lt;h3&gt;Download app&lt;/h3&gt; &lt;h3&gt;Free&lt;/h3&gt;
    &lt;p&gt; Some text here Some text here Some text here&lt;/p&gt;
    &lt;p&gt; Some text here Some text here Some text here&lt;/p&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>