There is a h2 tag with content before it.
Markup:
<h2 class="glyphicon arrow-heading text-white margin-zero" style="z-index: 1;">
This h2 tag has a word spacing issue.
</h2>
CSS:
.arrow-heading:before {
content: "\e072";
color: #9B0D25;
float: left;
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.text-white {
color: #FFF;
}
.margin-zero {
margin: 0em;
}
h2 {
font-size: 1.5vw;
}
However, the output shows extra spacing without using text-align: justify;
I am aiming for minimal to no additional spacing.
Updated:
By adding text-align: justify;