<div class="box">
  <div class="dot"></div>
  <div class="item">赤丸をつぶさない!</div>
</div>
.box{
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 200px;
  padding: 100px;
  margin: 0 auto;
}

.dot{
  flex-shrink: 0;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  background-color: red;
}

.item {
  flex-shrink: 0;
  width: 300px;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.