I want to create a keyboard as seen on image:

The keys should be span objects. I have this CSS:
span{
height:25px;
width:25px;
float:left;
margin:0 5px 5px 0;
line-height:25px;
background-color:WhiteSmoke;
text-align:center;
font-size:14px;
border-style:solid;
border-width:1px;
border-color:silver;
}
… and I get this result:

It’s almost OK but I don’t know how to position the spans properly?
You need to set a width and a text-align:center on the parent element, and ditch the float