I am working on my form and trying to adjust the width of the Address1 text box to match the Last Name text box. The goal is to have the Address1 text box end where the Last Name text box ends. Below is the relevant code snippet:
<div class="row">
<div class="col-md-4">
<label>First Name</label><br />
<input runat="server" ID="fName" class="textboxsizeLarge borderText" />
</div>
<div class="col-md-4">
<label>Middle Name</label><br />
<input runat="server" ID="MdName" class="textBoxSizMd borderText" />
</div>
<div class="col-md-4">
<label>Last Name</label><br />
<input runat="server" ID="lname" class="textboxsizeLarge borderText" />
</div>
</div;
<div class="row mt-3">
<div class="col-md-12">
<label>Address1</label><br />
<input runat="server" ID="address1" class="borderText col-md-12" />
</div>
</div>
<div class="row mt-3">
<div class="col-md-12">
<label>Address2</label><br />
<input runat="server" ID="address2" class="borderText col-md-12" />
</div>
</div>
<style>
.textboxsizeLarge{
width:70%;
}
.textBoxSizMd {
width: 30%;
}
.textboxsizebig {
width: 100%;
}
.borderText {
border: 1px solid black;
padding: 1px;
}
</style>Here is a screenshot showing the current appearance of the text boxes:
https://i.sstatic.net/o7Pe8.png
To achieve alignment, I want the Address1 width to extend all the way to the end of the Last Name text box.