首先,你需要修复你的CSS选择器 .
你可以通过这种方式't write all those id' .
#content #main #services
只需选择1个元素和他的孩子 .
例如,如果你测试它,它将适用于你:
#services .langelis .txt {
width: 440px;
height: auto;
float: left;
border: 1px #000 solid;
text-align:center;
}
如果你想让它垂直对齐 .txt div的中心,你可以这样做:
#services {
width: 1010px;
height: auto;
min-height: 320px;
margin: 50px auto;
}
#content #main #services .langelis {
width: 510px;
height: auto;
min-height: 140px;
position: relative;
border: 1px #000 solid;
}
#content #main #services .langelis .icon {
width: 65px;
min-height: 140px;
height: auto;
float: left;
border: 1px #000 solid;
}
#services .txt {
width: 440px;
height: 500px;
border: 1px #000 solid;
display:table;
text-align:center;
}
.sub{
display:table-cell;
vertical-align:middle;
text-align:center;
}
Lorem Ipsum
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s..