HTML CSS examples for CSS Widget:Image Text
Moving text from below the image at the right of it
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> .img-thumbnail {<!--from ww w . j a va 2 s .c o m--> float:left; height:auto; max-width:100%; padding:5px; line-height:2.428571430; background-color:Chartreuse; border:2px solid yellow; border-radius:5px; -webkit-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; } </style> </head> <body> <div class="panel-body"> <img class="img-thumbnail image-text" style="width:180px;" alt="" src="https://www.java2s.com/style/demo/Safari.png"> <div style="display: inline-block"> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> <p>Lorem </p> </div> </div> </body> </html>