title: HTML Align DIV Children Horizontally
body: <p>I am very new in HTML and CSS development. I wanted all children in my div parent align horizontally</p>
  
  <p>My HTML : </p>
  
  <pre><code>&lt;div class="parent"&gt;
          &lt;h1&gt;Hello&lt;/h1&gt;
          &lt;h1&gt;World&lt;/h1&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I tried using <code>inline-block</code> on <code>.parent</code>  like the others suggested but still the output is :</p>
  
  <pre><code>Hello
  World
  </code></pre>
  
  <p>instead</p>
  
  <pre><code>Hello World
  </code></pre>
  
  <p>any ideas?</p>