make list inline with images and buttons - HTML CSS CSS Form

HTML CSS examples for CSS Form:input image button

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input image button

Description

make list inline with images and buttons

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">

li<!-- www  . j  av  a  2 s. com-->
{
   float:left;
}
li img{
   display:block;
}


      </style> 
 </head> 
 <body> 
  <div id="cocktails"> 
   <ul> 
    <li> <img src="https://www.java2s.com/style/demo/Firefox.png" width="100px" height="100px"> <button>Select</button> </li> 
    <li> <img src="https://www.java2s.com/style/demo/Firefox.png" width="100px" height="100px"> <button>Select</button> </li> 
   </ul> 
  </div>  
 </body>
</html>

Related Tutorials