This often comes up a whole lot of same sized blocks on a webpage with an image inside. gettting the image to center in the middle is easy but what happens when it needs to sit in the vertical middle as well?
CSS:
div.myblock{
display: table-cell;
height:120px;
width: 120px;
border: 1px solid #000;
vertical-align: middle;
text-align:center;
}