<div class="tags">
  <div class="broker-tag">Discount Broker</div>
&nbsp; 
<div class="broker-tag">Equity</div> 
&nbsp; 
<div class="broker-tag">Commodity</div> 
&nbsp; 
<div class="broker-tag">Currency</div> 
&nbsp; 
<div class="broker-tag">Futures</div> 
&nbsp; 
</div>
@import url("https://fonts.googleapis.com/css?family=Inconsolata:400,400i,700");

body
{
  padding: 0;
  margin: 0;
  font-family: Inconsolata, sans-serif;
}

.tags
{
  display: block;
  justify-content: center;
  text-align: center;
}

.broker-tag
{
  background: #B8DCDB;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 5px 10px;
  margin: 3px 0;
  border-radius: 6px;
  display: inline-block;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.