[RbnJrg]

Originally Posted by doubleshuffle

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.

Ok, you're right But in that case, would be a bit more efficient to use the following code:

.underscore {
    display: inline-block;
    border-bottom: 1px solid black;
}

.width3 {
    width: 3em; 
}

.width4 {
    width: 4em; 
}

etc.

And to apply them in the .xhtml file by using for example:

<p>This is an example <span  class="underscore width4"></span> very easy</p>

Regards
Rubén