ul横排+边距

随手记录一下

display: inline 就变成了横排版
也可以使用float:left
使用 li{padding-right: 10px} 元素之间的边距。

CSS:

#children-list, #works {
    padding: 15px 0px;
}
#children-list li, #works li{
    display: inline;
}
#children-list li a, #works li a{
    padding-right: 10px;
}

#children-list img, #works img {
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    padding: 12px;
    background: rgba(255,255,255,0.9);
    width: 250px;
}

效果如图：