html+css网页设计中的这个片段如何实现?

html+css网页设计中的这个片段如何实现?

设置3个li 然后设置浮动,设置宽为width:calc(33.3333%)第一个li里面其实就是分上下两个部分,用两个div来写,然后上面的再分左右两部分设置浮动(下面部分也是一样的)第二个li也是一样的,第三直接就是左右两部分,直接两个
html-css250