JSFiddle - React, Tailwind, and code Playground

by NGLN

HTML

<h3>Welcome to guubo.com, Gajus Kuizinas</h3>
<p><span class="start">So far you have joined to the following networks: </span><span class="highlight">Networks guubo.com Provides Connection to Networks guubo.com Provides</span><span class="finish"></span></p>

CSS

h3 {
    padding-left: 5px;
}
p {
    background: #0058be;
    position: relative;
    padding: 0 5px;
    line-height: 23px;
    text-align: justify;
    z-index: 0;
}
p .start {
    background: #fff;
    padding: 2px 0 2px 5px;
    position: relative;
    left: -5px;
}
p .highlight {
    background-color: #0058be;
    color: #fff;
    padding: 2px 5px;
}
p .finish {
    position: absolute;
    width: 100%;
    line-height: 23px;
    height: 23px;
    right: -5px;
    bottom: 0;
    background: #fff;
    z-index: -1;
}