<section>
  <p>Это параграф — он блочный элемент. Но внутрь него можно встроить <span class="inline-block span-style">inline-block элемент</span>, которому можно задать высоту/ширину. При этом он не будет переноситься на новую строку, а останется внутри этого параграфа</p>
</section>
body {
  width: 500px;
  font: 16px/1.5 monospace;
}

.span-style {
  padding: 10px;
  
  color: #fff;
  background: green;
}

.inline-block {
  display: inline-block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.