Try it Yourself: CSS Inline-block

CSS Inline-block

<!DOCTYPE html>
<html>
<head>
<style>
.chip {
  display: inline-block;
  width: 90px;
  padding: 6px 12px;
  text-align: center;
  background: #eef;
}
</style>
</head>
<body>

<span class="chip">CSS</span>
<span class="chip">HTML</span>
<span class="chip">JS</span>

</body>
</html>

<!DOCTYPE html>
<html>
<head>
<style>
.chip {
  display: inline-block;
  width: 90px;
  padding: 6px 12px;
  text-align: center;
  background: #eef;
}
</style>
</head>
<body>

<span class="chip">CSS</span>
<span class="chip">HTML</span>
<span class="chip">JS</span>

</body>
</html>