Ok. I can’t gnaw on this any more. For some reason the answer does not seem straight forward and being a novice I am not sure where I am going wrong. I am just trying to get a ul with 5 li to a) vertically align and center in itself and b) center to the middle of the page. I know this can not be that hard. This is just sandbox to work things out so the code is probably a mess.
#list-box {
background-color: red;
height: 120px;
width: 60px;
margin: auto;
position: relative;
}
#list {
height: 120px;
width: 60px;
font: 20px verdana,sans-serif;
list-style-type: none;
}
here is the fiddle if you are interested.
jsfiddle
Sorry. I figured it out.