[doubleshuffle]

Originally Posted by RbnJrg

Maybe this solution is more elegant but the the blank underscore will have the same length in all cases and with the previous method, you can control that by using so many & nbsp; as the length of the word of your choice.

But one could still use your far more elegant method by setting different classes of underscore span:

.underscore3 {
    display: inline-block;
    width: 3em; 
    border-bottom: 1px solid black;
}
.underscore4 {
    display: inline-block;
    width: 4em; 
    border-bottom: 1px solid black;
}

etc.