关于div里的ul的li浮动不起作用怎么办

这个是div里的ul给li设置了float：left但是它不浮动

下面是我想做成的效果 2个li都是

用diaplay:flex
如果要用浮动，把html跟css贴下

借助flex布局更方便；
实例：
div父元素{
display:flex;
}