如何把input和验证码放到一个框中，求指导

Question

Answer 1

    .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>