Hello Friends: I guess, you guys have the answer for this. My check boxes are moved to the right. Tried with a class for checkbox and it's label to be left aligned with no success.
I want to get it as running the following code.
Thanks for your guidance. Regards Anura
HTML:
<!doctype html>
<html>
<head>
<style>
.container {
width: 600px;
margin: 25px auto;
}
form {
padding: 20px;
background: #26c9bb;
color: #000;
border-radius: 4px;
}
form label,
form input,
form button {
border: 0;
display: block;
width: 100%;
}
form input {
height: 25px;
line-height: 25px;
background: #fff;
color: #000;
font-family: "Open Sans";
font-size: 20px;
padding: 0 6px;
box-sizing: border-box;
}
form button {
background: #ec921b;
color: #000;
cursor: pointer;
}
</style>
<script src="index.js"></script>
</head>
<body>
<div class="container">
<form action="" name="registration">
<label for="name">Enter your Name</label><br>
<input type="text" name="name" id="name" placeholder="Your Name"/><br>
<label for="etype">Entity Type:</label>
<select name="etype" id="etype">
<option value=""></option>
<option value="Spropriter">Sole Propriter</option>
<option value="partnership">Partnershio</option>
</select><br><br>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bikes</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
<label for="message">Message</label>
<textarea class="tarea" name="message" id="message" rows="5" cols="50"></textarea>
<button type="submit" name="submit" value="submit">Message</button>
</form>
</div>
</body>
</html>
I want to get it as running the following code.
HTML:
<form>
<input type="checkbox" id="vehicle1" name="vehicle1" value="Bike">
<label for="vehicle1"> I have a bikes</label><br>
<input type="checkbox" id="vehicle2" name="vehicle2" value="Car">
<label for="vehicle2"> I have a car</label><br>
</form>
Thanks for your guidance. Regards Anura