Is there a way to adjust the height of the text box? So far, modifying the style sheet hasn't worked. Below is my code along with the corresponding style sheet.
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<style>
.textmargin{
margin-left: 50px;
}
.new5 {
border: 5px solid green;
border-radius: 2px;
}
.textBoxwidthlarge{
width:40%
}
.textBoxwidthMedium {
width: 20%
}
.textBoxwidthSmall {
width: 40%
}
input[type="text"] {
padding: 12px 10px;
line-height: 2px;
border: 2px solid black;
}
</style>
<div class="col-md-12"><label for="fname" class="textmargin">First Name</label><br />
<input type="text" runat="server" class="input-field textmargin textBoxwidthlarge" id="name1" name="t1" /> </div>
I am aiming for a height similar to this:
https://i.sstatic.net/Wv51q.png
Your assistance in how to achieve this would be greatly appreciated. I have three text boxes within a division, and only one is displayed above.