html - How to center two pieces of text using CSS and Bootstrap? -


i'm new programming , i've been trying figure out while i'm still having trouble. i'm trying center 2 different pieces of text equal distances left , right side , top , bottom of page.

here's code:

<div class="entrance">         <div class="container">             <div class="row">                 <div class="col-md-6">                         <li><a href="#" style="text-decoration:none"> example1  </a></li>                 </div>                 <div class="col-md-6">                         <li><a href="#" style="text-decoration:none" > example2 </a></li>                 </div>               </div>         </div>     </div> 

i can't seem figure out i'm missing , i'm sure it's simple i'm not getting. appreciated, thanks!

you can use css text-align achieve want. text-aligh: right on left hand <div> , text-align: left on right hand <div>.

as @manish mentioned, removed <li> wrapper. added col-xs-6 <div>'s works on smaller views too.

example: http://jsfiddle.net/11clvc2c/3/


Comments

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

python - Mongodb How to add addtional information when aggregating? -

java - Incorrect order of records in M-M relationship in hibernate -