Below is the code snippet:
<div class="form-group">
@Html.LabelFor(model => model.Zapremina_motora, htmlAttributes: new { @class = "control-label col-md-2" })
<div class="col-md-10">
<div class="input-group">
@Html.EditorFor(model => model.Zapremina_motora, new { htmlAttributes = new { @class = "form-control" } })
<span class="input-group-addon">cc</span>
</div>
@Html.ValidationMessageFor(model => model.Zapremina_motora, "", new { @class = "text-danger" })
</div>
</div>
Encountering an issue where the browser displays the textbox and span addon with "cc" text placed separately. Issue screenshot attached for reference.
In need of assistance to resolve this problem. Have invested significant time in troubleshooting but without success.
Screenshot of the problem: