CSSでの同一行の左寄せ、中央寄せに関してです

Writer: admin Type: savan Date: 2019-01-18 00:00
CSSでの同一行の左寄せ、中央寄せに関してです。知恵袋で拝見し、同一行内でそれぞれ左寄せ、中央寄せはできたのですが、どうにも中央寄せの文字が少し下にずれてしまいます。いくつかの質問とその回答欄という体裁なため、上から位置を指定するわけにもいきません。どうすればよいでしょうか?以下、コードです。<div style="position:relative; text-align:left">かかかか<div style="position:absolute; right:200px; text-align:center;">きききき</div></div><div style="position:relative; text-align:left">ふふふふふ<div style="position:absolute; right:200px; text-align:center;">うえええ</div></div><div style="position:relative; text-align:left">ひひひひひ<div style="position:absolute; right:200px; text-align:center;">はははは</div></div>共感した0###position:absolute;してるので、top:0;で同一行になるのではないかと。<div style="position:absolute; right:200px; text-align:center;">↓<div style="position:absolute; top:0; right:200px; text-align:center;">floatやflexboxを使えば、もっとすっきりしそうですけどね。ナイス0
###topはこのような使い方なんですね。とても勉強になりました。重ねてのお願いになってしまうのですが、もしよろしければfloatやflexboxなどの例などご教授頂けないでしょうか…? floatに関しては中央揃えなどは出来たのですが、厳密には真ん中の列を起点に文字の始まりを揃えたいのです。

 

TAG