title: How to disable <br> tags inside <div> by css?
body: <p><code>&lt;br&gt;</code> won't let me to display 3 buttons inline, so i need to disable it inside div, and I can't just delete them, they are automatically there.</p>
  <p>I have:</p>
  <pre><code>&lt;div style=&quot;display:block&quot;&gt;
      &lt;p&gt;Some text&lt;/p&gt;
      &lt;br&gt;
      &lt;p&gt;Some text&lt;/p&gt;
      &lt;br&gt;
  &lt;/div&gt;
  </code></pre>
  <p>and I want:</p>
  <pre><code>&lt;div style=&quot;display:block&quot;&gt;
      Some text Some text
  &lt;/div&gt;
  </code></pre>
  <p><strong>More info</strong></p>
  <p>I do not want to have mystyle.css file.
  Of course I know that way of disabling it.</p>
  <p>I asked how to add to divs style this <code>br { display: none; }</code> if it is possible.</p>
  <p><strong>Solution:</strong></p>
  <ol>
  <li>It is not possible to remove just <code>&lt;p&gt;</code> tags without removing content inside.</li>
  <li>It is not possible to hide <code>&lt;br&gt;</code> directly by divs style, so I make it this way:</li>
  </ol>
  <blockquote>
  <pre><code>&lt;style type=&quot;text/css&quot;&gt;
  .mydiv {
  display: block;
  width: 100%;
  height: 10px;
  }
  .mydiv br {
  display: none;
  }
  &lt;/style&gt;
      
  &lt;div class=&quot;mydiv&quot;&gt;
  Some text
  Some text
  &lt;/div&gt;
  </code></pre>
  </blockquote>
  <p><a href="http://jsfiddle.net/cGT4E/" rel="nofollow noreferrer">http://jsfiddle.net/cGT4E/</a></p>