CodePen

HTML

            
              <form action="#" method="post">
  <div class="serial-number">
    <label for="name">Text Input:</label>
    <input type="text" name="name" id="name" value="" tabindex="1" placeholder="Serial Number"/>
    <a href="#">Link</a>
  </div>
</form>  
            
          
!
via HTML Inspector

CSS

            
              * {
  
  box-sizing:border-box;
}

form {
  margin:15px 0 0 15px;
}

.serial-number {
  width:360px;

}

.serial-number label {
  height:30px;
  line-height:30px;
  display:inline-block;
  vertical-align:middle;
}

#name {
  display:inline-block;
  width:250px;
  height:30px;
  padding-left:10px;
  vertical-align:middle;
}


.serial-number > a {
  background:url(http://lorempixel.com/output/abstract-q-c-50-50-6.jpg);
  display:block;
  float:right;
  width:30px;
  height:30px;
  font-size:0;
  color:transparent;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................