余分なマークアップやスタイリングの親コンテナなしでインライン要素を水平に配置することは可能ですか？

Question

質問は基本的にはすでにタイトルに記載されていますが、明確にするために：私は、アンカー<a>を水平に中央のコンテンツ領域に配置しようとしています。

私がやりたいこのなし：

• そうに親を設定する（親コンテナのスタイル固定幅
• 余分なマークアップ（例えば、余分な親div）を追加する
• を使用してtext-align:centerなど）
• <a>を全角ブロックとして設定する（クリック可能な領域をリンク自体に大きくしておきたい）

だから、基本的には、アンカーそのものをCSSでスタイリングして、ダイナミック（シュリンクラップ）してみたいと思います。私は試してきましたが、まだ方法が見つかっていない、誰もこれを行う方法を知っていますか？

Answer 1

これを試してみてください - DEMO

a { 
    display: table; 
    margin: auto; 
}