0
I have the following code
footer ul li h3 {
font: 700 15px/40px 'Roboto', sans-serif;
border-bottom: 1px solid #4da494;
text-transform: uppercase;
color: #4da494;
margin: 25px 0;
width: 50%;
cursor: default;}
I put the width: 50% just to have the edge stay fixed, and be able to visualize. But, I would like the width of the "border-bottom" to be equivalent to the word within H3. In case it followed the width of the word Institutional.
<h3>Institucional</h3>
Please develop a [mcve] and check the possibility of using an element
span
to set the edge.– Woss
Worked with span
– Felipe Viero Goulart
@Felipestoker if you don’t want to add extra elements, you can add the following property to your CSS rule:
display: inline-block;
.– rdleal
I know :D But still improve the question to make more clear what you need.
– Woss