JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#"><span>Service and</span> <span>Contact</span></a>

CSS

a {
    display:block;
    width:120px;
    text-decoration:none;
    text-align:right;
    color:#fff;
    padding:5px;
}
a span {
    background:#83ae60; 
    padding:5px 12px;
    float:right;
    line-height:26px;
}