title: How to indent and line break at the same time in HTML?
body: <p>I know that I can use <code>&lt;br&gt;</code> for a simple line break. I also know that I can add indentation by adding styling to a <code>&lt;p style="margin-left:12px"&gt;</code>.</p>
  
  <p><em>Now</em> I have a problem, which is that <strong><code>&lt;p&gt;</code></strong> breaks two lines, it is almost like inserting <code>&lt;br&gt;&lt;br&gt;</code>.</p>
  
  <p>I cannot apply <em>styling</em> to <code>&lt;br&gt;</code> and also am unable to figure out how to prevent the <em>double</em> line break from <code>&lt;p&gt;</code>. </p>
  
  <p>Is there something like an element <em>that does not</em> <strong>break lines</strong> or similar? No matter what element I add to <em>apply styling</em>, they have that double line break, e.g. <code>div</code>. </p>
  
  <h2>The Look</h2>
  
  <h3>What I want</h3>
  
  <pre><code>some text
    some other text
      even more text
  </code></pre>
  
  <h3>What I was able to achieve</h3>
  
  <p>This is what I get using three <code>&lt;p&gt;</code> with <em><code>margin-left</code></em> styling:</p>
  
  <pre><code>some text
  
    some other text
  
      even more text
  </code></pre>
  
  <p>This is what I can achieve with <code>br</code>:</p>
  
  <pre><code>some text
  some other text
  even more text
  </code></pre>