Put the value of an input Button next to the button via css - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button

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

Description

Put the value of an input Button next to the button via css

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">

button {<!--from ww  w  .j av  a2 s  . c  om-->
   line-height: 25px;
   border: none;
   background: transparent;
   cursor: pointer;
}
button::before {
   content: '';
   display:inline-block;
   vertical-align: middle;
   width: 25px;
   height: 25px;
   margin-right: 3px;
   /* gradients, borders, shadows, etc. */
   background: red;
}


      </style> 
 </head> 
 <body> 
  <button type="submit">Some value</button>  
 </body>
</html>

Related Tutorials