css 盒子嵌套多个盒子如何两端对齐

整体是300px吧?

<style>
ul, li { margin: 0; padding: 0; list-style: none; }
ul { position: relative; width: