具有多個跨度的文本

我想對齊我的文本，如此示例http://jsfiddle.net/xKSUH/。我的問題是，我的文字不居中，第二行有一個協商...具有多個跨度的文本

我的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}

來源

2013-08-05 user2613813

在你的小提琴中，文字確實看起來以我爲中心。 –

您希望每個跨度位於不同的行中？ – Harry

你想做什麼？如果我把你的例子粘貼到你提供的小提琴的HTML頁面中，結果就會居中。但是，它只有一行。 –

檢查這個

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>

來源

2013-08-05 18:34:07 Upz

具有多個跨度的文本

回答

相關問題