text with multiple span [closed]

Question

I would like align my text like this example http://jsfiddle.net/xKSUH/. My problem is that my text is not centered and the second line has an espace ...

My HTML

    <div class="row"> 
<div class="span12"> 


    Hello <span data-bind="text: viewModel.firstName()"></span>,
    We have analyzed <span data-bind="text: viewModel.user.nbAnalyzedMails()"></span>
    emails, extracted <span data-bind="text: viewModel.user.newMessages()"></span>
    new messages, please check report in your dashboard ></span> <br>



</div>  
</div>

CSS

.row {text-align: center}

Answer 1

check this

CSS

.row {text-align: center}
.row .span12 p{
    display: inline-block;
    margin: 0px;
}

html

<div class="row"> 
    <div class="span12"> 
        <p>Hello <span data-bind="text: viewModel.firstName()"></span>,</p>
        <p>We have analyzed <span data-bind="text: viewModel.user.nbAnalyzedMails()"></span></p>
        <p>emails, extracted <span data-bind="text: viewModel.user.newMessages()"></span></p>
        <p>new messages, please check report in your dashboard.</p>
    </div>  
</div>