自己解決したため生地を落とします

Question

ああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああああ

Answer 1

横並びで揃えたいならdisplay: flex;を使うのがよいと思います。

別の方の似た様な質問に回答したもので申し訳ないですが参照してみてください。

https://teratail.com/questions/350353#reply-479989

※追記

<div class="inputBlock">
  <div class="title">商品名:</div>
  <div class="input"><input type="text" size="21"></div>
</div>
<div class="inputBlock">
  <div class="title">販売価格:</div>
  <div class="input"><input type="text" size="21"></div>
</div>
...

.inputBlock {
  width: 600px;
  display: flex;
}

.title {
  width: 200px;
}

Comments

[wassan_nikoniko]

tmykさん
ご返答いただきありがとうございます。
なんと言葉にしたらいいかわからないのですがinputの部分は縦並びにした状態で、入力する欄の開始位置をぴったりと揃えたいといったイメージになります！
イメージ図も追加させていただきます。

[agumon]

コードを上に追記しましたので参考にしてみてください。