HTML
 Computer >> コンピューター >  >> プログラミング >> HTML

HTMLで2つのdivを水平に配置するにはどうすればよいですか？

HTMLで2つのdivを水平方向に揃えるには、floatCSSプロパティを左の値で使用します。次のコードを実行して、divを水平方向に整列させる方法を学ぶことができます-

例 

<!DOCTYPE html>
<html>
<head>
<style>
.demo div {
    float: left;
    clear: none;
}
</style>
</head>
<body>
<div class="demo">
     <div>
        <span>div1</span>
        <select size="5">
           <option value="c1">India</option>
           <option value="c2">US</option>
           <option value="c3">UK</option>
           <option value="c4">Australia</option>
        </select>
    </div>
    <div>
        <span>div2</span>
        <select size="5">
           <option value="r1">1</option>
           <option value="r2">2</option>
           <option value="r3">3</option>
           <option value="r4">4</option>
        </select>
    </div>
</div>
</body>
</html>

  1. HTML<オプション>無効属性

    要素のdisabled属性は、オプションのリストからdisabledオプションを設定するために使用されます。その後、無効にしたオプションはクリックできなくなります。 構文 以下は構文です- <option disabled> 例 要素-のdisabled属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Impurity level of Water</h2> <p>Impurity Level <meter min="0" lo

  2. HTML<textarea>無効属性

    要素のdisabled属性は、を無効にするために使用されます。無効にすると、からテキストを選択できなくなります。 構文 以下は構文です- <textarea disabled> 例 要素-のdisabled属性を実装する例を見てみましょう。 <!DOCTYPE html> <html> <body> <h2>Candidate Details</h2> Student Name: <input type="text" value="David"><br>