Question

I have attached an example of what I am trying to achieve using html/css (if you cannot see the image it is: first name and surname, then second line is job description). I would like the all the text (both lines) to be forced justified (left and right) within a div but I am not sure if it is possible. I have tried a few things with no success. I would rather not use an image, so any idea would be greatly appreciated.

Answer 1

Use text-align-last: justify:

.justified {
    text-align: justify;
    text-align-last: justify;
}
.justified:after {
    content: ".";
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
}

http://jsfiddle.net/gilly3/En4wt/

source