HTML CSS examples for CSS Widget:Image Text Alignment
Aligning two Texts with images:one at left and other at right side
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .creditfooter {<!-- w ww . ja va 2 s . co m--> background:Chartreuse url('http://www.java2s.com/style/demo/Google-Chrome.png') repeat; border-top:2px solid yellow; padding:21px; color:blue; text-align:right; font-family:'Cabin'; margin-bottom:-6px; } .creditfooter a { text-decoration:none; color:pink; font-size:19px; -webkit-transition:.4s color; -moz-transition:.4s color; -o-transition:.4s color; -ms-transition:.4s color; transition:.4s color; } .creditfooter a:hover { text-decoration:none; color:WhiteSmoke; -webkit-transition:.4s color; -moz-transition:.4s color; -o-transition:.4s color; -ms-transition:.4s color; transition:.4s color; } .poweredbylinks { text-align:left; padding:21px; border-bottom:-6px; } .poweredbylinks a { text-decoration:none; color:OrangeRed; font-size:19px; -webkit-transition:.4s color; -moz-transition:.4s color; -o-transition:.4s color; -ms-transition:.4s color; transition:.4s color; } .poweredbylinks a:hover { text-decoration:none; color:grey; -webkit-transition:.4s color; -moz-transition:.4s color; -o-transition:.4s color; -ms-transition:.4s color; transition:.4s color; } .creditfooterright { float:right; } </style> </head> <body> <div class="creditfooter"> <div class="poweredbylinks"> Powered By <span class="icon-blogger"></span> & <div class="creditfooterright"> Designed By <a href="DESIGNER SITE" id="importantlinks">DESIGNER NAME</a> </div> </div> </div> </body> </html>