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

rdbms - what exactly the undo information lives in oracle? -

bash - How do you programmatically add a bats test? -

java - Getting exception in JDBC thin driver -