CSSでのコーディングで左右均等に割り付けレイアウトってどうやってますか？

以前はfloatなどを使って数値入力をして空白をとったりしていたのですが、最近は下記のやり方で落ち着きました。

ul{text-align:center;width:100%;display:table;table-layout:fixed;}
li{display:table;}

リストタグでなくてもできますが、リスト構造の場面で使うことが多いように感じます。

レスポンシブではblockにしてやると通常のリストに戻すことができます。