JSFiddle - React, Tailwind, and code Playground

HTML

<div id="a">
  lorem ipsum
</div>

<article id="b">
  <h1>Lorem ipsum</h1>
</article>

<hr>
  
  <div id="a">
  lorem ipsum
</div>

<article id="c">
  <h1>Lorem ipsum</h1>
</article>

CSS

article { display: block; }
hr { margin: 0; }

#a { background: blue; }
#b, #c { background: orange; }

h1 {
  font-size: 2em;
  margin: 20px 0;
}

#c h1 {
  display: inline;
}