Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

text with multiple span [closed]

Tags:

html

css

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}
like image 295
user2613813 Avatar asked Jun 11 '26 03:06

user2613813


1 Answers

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>
like image 117
Upz Avatar answered Jun 14 '26 06:06

Upz



Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!