.container {
width: 300px;
display: flex;
}
.left p,
.right p {
width: 100%;
background: orange;
color: white;
display: inline;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.separator {
background: white;
width: 20px;
}
<div class="container">
<div class="left"><p>See details on dealer website</p></div>
<div class="separator"></div>
<div class="right"><p>See details on dealer website</p></div>
</div>
solved Background color on only text [closed]