Как сделать такой же высотой, как и

Я пытаюсь разместить элемент слева от элемента, но не могу сделать их одинаковой высоты и выровнять друг с другом. Пролет всегда кажется немного выше.

У кого-нибудь есть идеи?

Sparkles *

Edit: HTML section

<label for="name">Username: </label>
<input type="text" name="name" id="name" value="" maxlength="15"/>
<span id="box" style="display:none"></span>

CSS

span.box{
    position:absolute;
    width:100px;
    margin-left:20px;
    border:1px;
    padding:2px;
    height: 16px;
}

input.name {
    width: 115px;
    height: 14px;
}