<div id="con_1">
  <a href="#" id="letter_1"><span>吾輩は猫である</span></a>
</div>
<div id="con_2">
  <a href="#" id="letter_2"><span>吾輩は猫である</span></a>
</div>
#con_1, #con_2{
  margin-top:50px;
}
a{
  color:#000;
  font-weight: bold;
  text-decoration: none;
}
#letter_1{
  font-size:1em;
  letter-spacing:1em;
  background-color:#36baba;
  padding:5px 15px;
  border-radius: 5px;
  min-width:600px;
}

#letter_2{
  font-size:1em;
  letter-spacing:1em;
  background-color:#36baba;
  padding:5px 15px;
  border-radius: 5px;
  min-width:600px;
}
#letter_2 span{
    margin-right:-1em;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.