<div class="wrapper">
  <div class="inner-block">Hello Block</div>
  <br />
  <span class="inner-inline">Hello Inline</span>
</div>
.wrapper {
  width: 400px;
  height: 100px;
  border: solid;
  background: grey;
}
.inner-block {
  margin: auto;
  background: gold;
  width: fit-content;
}
.inner-inline {
  margin: auto;
  background: beige;
  width: fit-content;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.