品优购项目笔记3

如何做出如图效果？

依然用ul>li，如图需要五个li

因为li是块级元素，所以每个li都需要浮动。从图可以观察到每个li之间都距离，通过padding撑开

从图可以看到，图片没有遮住文字，而浮动的元素可以嵌套环绕在图片和文字中。这里将图片放在一个h5标签的盒子中（让h5浮动），图片后面的文字放在一个块级的盒子里（不添加浮动），这样就可以达到目的。