Currently, I am in the process of learning HTML and there is a specific question that has come up for me. Within my <div class="input-group">, there are three elements: one span, one input field, and another span:
<span class="input-group-addon questionSpan" data-toggle="collapse"></span>
<input class="form-control" type="text">
<span class="input-group-addon questionSpan" data-toggle="collapse"></span>I have been attempting to set the width of these two spans to be equal - which should ideally be 42px in this case. However, upon doing so, the right span ends up shifting to the left unexpectedly. https://i.sstatic.net/ObsiX.png Can anyone provide an explanation as to why this occurs and suggest a way to properly set the width of the right span without it moving?