<div style="display: flex;
            justify-content: space-around;
            background-color: white;
            border-bottom: 1px solid #CBD5E0;">
  <div style="padding: 16px;
              color: #38B2AC;
              border-bottom: 3px solid #38B2AC;">
    Tab 1
  </div>
  <div style="padding: 16px;">
    Tab 2
  </div>
  <div style="padding: 16px;">
    Tab 3
  </div>
</div>
body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #EDF2F7;
}

body, * {
  box-sizing: border-box;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.