(まあ、確かに持っていると思いますが、なぜそのように整列しているのかわかりません。)
ここを参照してください: http://web.cs.dal.ca/~selig/serverside/assignment2/
CSSを提供しますが、何が関連するのかまったくわかりません。そのように調整するルールを私が伝えたとは思えません。2つのボタンの下の中央に配置したい.
(まあ、確かに持っていると思いますが、なぜそのように整列しているのかわかりません。)
ここを参照してください: http://web.cs.dal.ca/~selig/serverside/assignment2/
CSSを提供しますが、何が関連するのかまったくわかりません。そのように調整するルールを私が伝えたとは思えません。2つのボタンの下の中央に配置したい.
div#upload はインライン ブロックなので、フローティングしてもあまり意味がないと思います。フローティングを削除すると、スパンは動作を開始します (両方ともフローティング div によって右に押されるため、アップロード ボタンと整列します)。ただし、アップロード ボタンの配置がおかしくなります。div#upload の垂直方向の配置を変更すると、何とか修正されます。
#upload {
float: none;
vertical-align: top
}
Perhaps a table could be used. Example:
<table>
<tr style="vertical-align:top;">
<td>No file selected</td>
<td><input type="button" value="Browse"></td>
<td><input type="submit" name="submit" value="Upload"><br />
Valid input:<br />
.txt files <= 512 KB</td>
</tr>
</table>
You need to add some CSS, but at least I think the alignment is as you want.
スパン クラスに追加float: left;
すると機能するはずですが、スパンの前にフォーム タグを閉じることができませんでしたか?
例えば:
</form>
<span class="valid-formats">Valid input: .txt files <= 512 KB</span>
それは制御不能、つまり流れから外れています。
.valid-formats {
clear: both;
color: #999999;
float: left;
font-size: 0.8em;
}
それを修正します