HTML CSS examples for CSS Widget:Image Text
center large text with image
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> a, a:visited { color:Chartreuse; text-decoration:none;<!-- w ww . j a v a 2 s. c o m--> display:table; } ul { list-style:none; padding:0; margin:6px; } ul:first-child { margin-top:6px !important; } ul li { cursor:pointer; } ul li.highlight { background-color:yellow; } ul li a span { display:inline-block; width:103px; vertical-align:middle; } ul li a img { display:inline-block; vertical-align:middle; margin:0 6px 0 0; } #resizable { width:201px; border:2px solid blue; } </style> </head> <body> <div id="resizable"> <ul> <li> <a href="#" class="ajax-page"> <img src="https://www.java2s.com/style/demo/Firefox.png" alt="" width="60px" height="60px"> <span>Lorem ipsum do</span> </a> </li> <li> <a href="#" class="ajax-page"> <img src="https://www.java2s.com/style/demo/Opera.png" alt="" width="60px" height="60px"> <span>Lorem ipsum dolor sit amet,</span> </a> </li> </ul> </div> </body> </html>