CodePen Embed - CSS spacing with + selector

<div class="fruit-container">
	<div>🍏</div>
	<div>🍓</div>
	<div>🍋</div>
</div>

.fruit-container {
  display: flex;
  justify-content: center;
  margin-top: 30px;
  font-size: 60px;
}
.fruit-container div {
  border: 1px dotted #52a776;
}
/* Here comes the magic... */
.fruit-container div+div {
  margin-left: 30px;
}

This Pen is owned by StrawberryCode on CodePen.

See more by @strawberrycode on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.