owen11 https://blog.hatena.ne.jp/owen11/ なんちゃってウェブ系エンジニアの備忘録 https://owen11.hateblo.jp/ CSS HTML ページャなどでページ遷移する際のリンクって、 ulを使って、1、2、3･･･と数字が横並ぶことはよくありますね。例えばコレとか。 floatで並んだリスト全体をセンタリングさせようと思っても、 リストを囲んだulの幅を指定せず、｢margin:0 auto;｣や｢text-align:center;｣など 行ってもセンタリングすることができません。 幅を指定すれば可能だが、必ずも横幅を設定したくないというケースも あるかと思います。以下の方法を行うことにより、幅を指定しなくてもセンタリングすることができます。 HTML <div class="page"> <ul> <li><a href="… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fowen11.hateblo.jp%2Fentry%2F2013%2F10%2F09%2F203113" title="liをfloatで横並べたものをセンタリングさせる方法 - なんちゃってウェブ系エンジニアの備忘録" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/o/owen11/20131009/20131009122544.png Hatena Blog https://hatena.blog 2013-10-09 20:31:13 rich https://owen11.hateblo.jp/entry/2013/10/09/203113 1.0 100%