というよりスタイル変更を内側でキャンセルしなきゃいけない構造にするから悪い

＜div＞
　　＜div class="centeringContainer"＞＜button＞ボタン＜/button＞＜div＞
　　＜ul＞
　　　　＜li＞項目１＜/li＞
　　　　＜li＞項目２＜/li＞
　　　　＜li＞項目３＜/li＞
　　＜/ul＞
＜/div＞

等で適用する範囲を限定するのが自然かと

あとインライン要素を同じ階層で他の要素と並べるのもあまりよくない
なるべくブロック化しておくのがスタイルも適用しやすい

自動出力等でHTMLが変更できないとかでなければね