estoy aquí y parecerá tontería pero necesito crear este parrafo en html y no se como poner las lineas horizontales. Lo hice con <hr pero no podia cambiarle el color directamente, intente con un border-color pero no queda en el centro.
Este es el codigo que he hecho
<div>
<hr class="hr-smashing">
<p>
OTHER SMASHING OFFERS
</p>
<hr class="hr-smashing">
</div>
.smashing-offers caption p {
font-size: 2.2rem;
letter-spacing: 1.63px;
color: #1BB286;
font-weight: bold;
display: inline-block;
margin: 0 1.5rem;
}
.hr-smashing {
width: 30%;
display: inline-block;
border: 1px solid #1BB286;
color: #1BB286;
}
Muchas gracias por su ayuda.