Align buttons by their borders rather than their text - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button text

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

Description

Align buttons by their borders rather than their text

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 {<!-- w w  w  . j av  a 2  s  .  c  om-->
   height: 64px;
   width: 64px;
   border: outset 8px #999;
   border-radius: 64px;
   vertical-align:40px;
}
img {
   vertical-align: bottom;
}


      </style> 
 </head> 
 <body> 
  <button>button</button> 
  <img src="https://www.java2s.com/style/demo/Safari.png" height="100" width="auto">  
 </body>
</html>

Related Tutorials