html - Align Text In Bootstrap Well Beside FontAwesome Icon -


i'm having difficulties aligning headline , paragraph text in "well". "none" see class remove specific margins , not relevant i'm trying accomplish.

here code

<div class="col-md-4 none">     <div class="well none">         <i class="fa fa-user fa-4x fa-fw"></i>         <h3>test</h3>         <p>text goes here</p>     </div> </div> 

here's it's doing , want do.

enter image description here

thanks help!

i suggest make slight change in html structure , wrap text content inside div , set display inline-block

<div class="col-md-4 none">     <div class="well none">         <i class="fa fa-user fa-4x fa-fw"></i>         <div class="text">            <h3>test</h3>            <p>text goes here</p>         </div>     </div> </div> 

and css additional div

.text {     display:inline-block; } 

js fiddle demo


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

jsf - How to ajax update an item in the footer of a PrimeFaces dataTable? -

django - CSRF verification failed. Request aborted. CSRF cookie not set -