|
<div class="list" style="width: 30%;"> |
|
<form class="form"> |
|
<select style="padding: 20px;" class="items" name="Guests" id="Guest-no"> |
|
|
|
<option selected disabled hidden value="volvo">Guest</option> |
|
<option value="saab">1</option> |
|
<option value="opel">2</option> |
|
<option value="audi">3</option> |
|
<option value="audi">4</option> |
|
<option value="audi">5</option> |
|
</select> |
|
</form> |
|
</div> |
|
<div class="list" style="width: 30%;"> |
|
<form class="form"> |
|
<select style="padding: 20px;" class="items" name="children" id="children-no"> |
|
<option value="volvo">Children</option> |
|
<option value="saab">1</option> |
|
<option value="opel">2</option> |
|
<option value="audi">3</option> |
|
<option value="audi">4</option> |
|
<option value="audi">5</option> |
|
</select> |
|
</form> |
|
</div> |
|
<div style="width: 20%;" class="list" > |
Change above HTML code like follows
<div class="list" style="width: 25%;">
<form class="form">
<select style="padding: 20px;" class="items" name="Guests" id="Guest-no">
<option selected disabled hidden value="volvo">Guest</option>
<option value="saab">1</option>
<option value="opel">2</option>
<option value="audi">3</option>
<option value="audi">4</option>
<option value="audi">5</option>
</select>
</form>
</div>
<div class="list" style="width: 25%;">
<form class="form">
<select style="padding: 20px;" class="items" name="children" id="children-no">
<option value="volvo">Children</option>
<option value="saab">1</option>
<option value="opel">2</option>
<option value="audi">3</option>
<option value="audi">4</option>
<option value="audi">5</option>
</select>
</form>
</div>
<div style="width: 25%;" class="list" >
Change CSS code like follows
.lists {
margin-top: 100px;
overflow: hidden;
display: flex;
width: 80%;
background-color: #ffffff;
justify-content: space-between;
}
Hotello/index.html
Lines 56 to 81 in 48a3cef
Change above HTML code like follows
Change CSS code like follows