текст с несколькими пролетами

Question

Я хотел бы выровнять текст, как этот пример http://jsfiddle.net/xKSUH/. Моя проблема заключается в том, что мой текст не по центру, а вторая линия имеет Espace ...

Мой 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

проверить это

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>