Subtitle3 Layout

by Juan Lanus

HTML

<div class="subtitle3">
  <p class="subtit">
    this is subtitle
  </p>
  <p class="lbl">
    this is label
  </p>
  <div class="btn" title="this is button">
    +
  </div>
</div>

CSS

.subtitle3 {
  width: 100%;
  background-color: #222222;
  display: flex;
  padding: 0;
}

.subtit {
  font-size: 24px;
  color: white;
  padding: 0;
  margin: 0;
  flex: auto;
}

.lbl {
  font-size: 14px;
  font-style: italic;
  color: #999999;
  padding: 0;
  flex: initial;
  margin: 8px 8px 0 0;
}

.btn {
  width: 30px;
  height: 30px;
  font-size: 30px;
  font-weight: bold;
  color: white;
  background-color: #444444;
  padding: 0;
  margin: 0;
  flex: none;
}