poner botones con formato de calculadora

[memoadian]

a ver veamos

Código CSS:

.calculadora{
width:300px;
margin:0 auto;
position:relative;
padding:0;
}
 
.boton{
float:left;
width:100px;
margin:0;
padding:0;
}
 

Código HTML:

<div id="calculadora">
<div class="boton"><img src="boton1.jpg" alt=""/></div>
<div class="boton"><img src="boton2.jpg" alt=""/></div>
<div class="boton"><img src="boton3.jpg" alt=""/></div>
<div class="boton"><img src="boton4.jpg" alt=""/></div>
<div class="boton"><img src="boton5.jpg" alt=""/></div>
<div class="boton"><img src="boton6.jpg" alt=""/></div>
<div class="boton"><img src="boton7.jpg" alt=""/></div>
<div class="boton"><img src="boton8.jpg" alt=""/></div>
<div class="boton"><img src="boton9.jpg" alt=""/></div>
</div>
 

Es muy sencillo, si quieres algo más esfuerzate un poco y lee algo de css.