怎么才能让一个块在另一个块中居中

我这样为什么不能让ul居中在div里，我是一个自学前端的一个初学者，遇到了一个感觉很容易但是解决不了的问题，有懂的解释一下吗

你用text-align是不能居中的，这个是居中文本的，盒子的话你用浮动布局 display: flex;
justify-content: center;就可以居中排列了

给div家 display:flex; 然后justify-content: center;

你这里浮动了，脱离文档了已经

居中的话 你可以把li转成行内块元素，或者参考楼上用flex布局

css样式有点乱。给第二个盒子设置长宽高试试

你在li里设置了浮动 浮动之后margin不起作用了所以没居中
建议你使用弹性盒子

            ul{
                height: 55px;
                display: flex;
                justify-content: center;
                align-items: center;
            }
            li{
                font-size: 15px;
                width: 100px;
            }

ul给个宽度

```html
ul {
width: 200px;
margin: 0 auto;
}

```