<div>
  <button>ボタン</button>
  <ul>
    <li>項目1</li>
    <li>項目2</li>
    <li>項目3</li>
  </ul>
</div>
この場合、divにtext-align:center とするとボタンが中央揃えになるのは良いのですが、
li内の「項目1」などの文字も中央揃えになります。
それは回避したいのですが、どうすれ良いですか?