.mybox{
width: 180px;
margin:100px;
height: 38px;
position: relative;
}
.mybox input{
width: 100%;
padding: 3px 5px;
padding-right: 80px;
height: 100%;
box-sizing: border-box;
border:1px solid #DDD;
outline: none;
border-radius: 3px;
}
.mybox span{
position:absolute;
display: block;
width: 46px;
height: 34px;
right:2px;
top:2px;
line-height: 34px;
background-color: red;
color: #ffffff;
}
<div class="mybox">
<input type="text">
<span>1111</span>
</div>