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
Post a Comment