<div style="display: flex; font-size: 32px; font-family: sans-serif;">
  <div style="flex: 1; text-align: center; opacity: 0.2;">0.2</div>
  <div style="flex: 1; text-align: center; opacity: 0.4;">0.4</div>
  <div style="flex: 1; text-align: center; opacity: 0.6;">0.6</div>
  <div style="flex: 1; text-align: center; opacity: 0.8;">0.8</div>
  <div style="flex: 1; text-align: center; opacity: 1;">1</div>
</div>
body {
  margin: 0 32px;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.