htmlやcssで文字の位置の調整方法

Question

cssやhtmlで文字の位置調整をしたい場合の質問です

1行に2個目の文字列があったとして、2個目の文字を中央からスタートする方法は無いでしょうか

文字列1　　　文字列2
とあった場合に、文字列1は左端に表示するけど
文字列は2は画面の丁度半分くらいからスタートしたいです

Comments

[Lhankor_Mhy]

HTMLはなんでもいいのですか？

Answer 1

こんな感じでしょうか。

   <div class="parent">
     <div class="child">文字列1</div>
     <div class="child">文字列2</div>
   </div>

.parent {
  display:flex;
}
.child {
  flex:1;
}

Answer 2

普段jsxで書いてるので、答えを直で書くのは難しいんですが、考え方だけお伝えします。

divってHTMLにあったっけか？笑
Wrapper用のdivにdisplay flexを入れる。
文字列はそれぞれさらにdivに入れる。
で、文字列を入れた方のdivにwidthを指定する(50%もしくは50vw)

Comments

[MOTOMUR]

文字列の真ん中と画面の真ん中を合わせると言う意味ならめんどくさいです。