css - Aligning two images on bottom left and bottom right of a div -


i have justified block of text within footer of bootstrap html page. i'd add 2 images same height different widths under text , @ aligned either side.

<footer> <div class="container">     <div class="row">         <div class="col-md-3">             <span class="copyright">copyright &copy; bla bla 2015</span>         </div>         <div class="col-md-6">             <div class="disclaimer">             <span>der ritter überladen ie des den der kâmen und. daz ane waz ie der waz tristan, lant ende, wol daz, schaden nieman lant benaeme sîne ze der wîp, schaden liute ie. und diz von, trôstes wârheit haete nieman unde. iuch meistiu alsô lande ze belanget, vol niht verluren, meistiu er schedelîchen swer ritter ze ie niht ende swer</span>                 <img id="logo_left" src="http://s1.postimg.org/j4mav1ikb/logo_left.jpg" class="img-responsive img-left" alt="">                 <img id="logo_right" src="http://s1.postimg.org/bda6a83sr/logo_right.jpg" class="img-responsive img-right" alt="">             </div>         </div>         <div class="col-md-3">             <ul class="list-inline legallinks">                 <li>                     <a href="#modal_legal1" class="legal-link" data-toggle="modal">legal1</a>                 </li>                 <li>                     <a href="#modal_legal2" class="legal-link" data-toggle="modal">legal2</a>                 </li>             </ul>         </div>     </div> </div> 

i cannot work properly

here jsfiddle: jsfiddle

thanks lot help

add float property both #logo_left , #logo_right id's.

#logo_left {   float:left;  }  #logo_right {   float:right;  } 

and add below code above image tag(after span text)

<br style="clear:both"/>  

http://jsbin.com/pesegebubo/edit


Comments

Popular posts from this blog

c# - Validate object ID from GET to POST -

node.js - Custom Model Validator SailsJS -

php - Find a regex to take part of Email -