- Code:
<!DOCTYPE html>
<html>
<head>
<style>
input[type="text"] {
width: 200px;
padding: 10px;
}
input[type="submit"] {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border: none;
cursor: pointer;
}
</style>
</head>
<body>
<form>
<input type="text" placeholder="Enter your name">
<input type="submit" value="Submit">
</form>
</body>
</html>
HTML Example 1#
- Code:
<!DOCTYPE html>
<html>
<head>
<style>
.container {
display: flex;
justify-content: space-between;
}
.box {
width: 100px;
height: 100px;
background: #ff5733;
margin: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
CSS + HTML 1#