CSS to fill width with icon at the end (search box) - HTML CSS CSS Layout

HTML CSS examples for CSS Layout:Box

  1. HOME
  2. HTML CSS
  3. CSS Layout
  4. Box

Description

CSS to fill width with icon at the end (search box)

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">
input {<!--from  w  ww  .j av a2s. c  o m-->
   height:100px;
   font-size:4em;
   width:71%;
   float:left;
}

img {
   float:left;
   width:100px;
   height:100px;
}
</style> 
 </head> 
 <body> 
  <input> 
  <img src="https://www.java2s.com/style/demo/Firefox.png">  
 </body>
</html>

Related Tutorials