JSFiddle - React, Tailwind, and code Playground

HTML

P tag, which is a block element, with inline children elements.
<br>
Basically, an inline element will tend to directly follow the element before it in the standard left-to-right direction, without breaking lines
<p>
<a>meow</a>
<span>yo</span>
<img height="200" width="200">
<i>woof</i>
</p>
<br>
Though the siblings do not retain the height of the largest sibling, the available space for an element to exist in that row has increased in height to the size of the largest sibling element.

CSS

p,
p * {
  border: 1px solid red;
  padding: 4px;
  margin: 10px;
}