の途中で入力フィールド/ボタン: https://postimg.org/image/u2rrzgz09/整列フォーム - 私は、この画像のようにフォームのデザイン・HTML/CSSを作成しようとしている背景画像
フォームがバックグラウンドの中央にする必要があります( -image)では、テキスト(Text1とText2)はフィールドの開始位置(左)から始まり、ボタンはフォームの中央に表示されます。
私が今までやった: https://jsfiddle.net/jk17sj87/
HTML:
<div class="parent">
<div class="col1">
<div class="text">
Text1
</div>
<div class="sec11">
(image)
<input type="text"/>
</div>
<div class="sec2">
(image)
<input type="text"/>
</div>
</div>
<div class="col2">
<div class="text">
Text2
</div>
<div class="sec3">
(image)
<input type="text"/>
</div>
<div class="sec4">
(image)
<input type="text"/>
</div>
</div>
</div>
<div class="button">
<button>Button</button>
</div>
CSS:
.parent{ width: 100%; display: flex;}
.col1{margin-right: 10px;}
.text{margin-left: 52px;}
.button {margin-left: 200px;}