<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="email-holder"> <div class="input-group"> <label class="input-group-btn holder"> <span class="btn btn-primary holder"> تسجيل<input type="file" style="display: none;" multiple> </span> </label> <input type="text" class="form-control" placeholder="قم بالتسجيل الان " readonly> </div> </div>

label.input-group-btn.holder { width: 90px; } span.btn.btn-primary.holder { width: 90px; background: red; border: 1px solid red; } .email-holder { text-align: -webkit-center; padding-bottom: 25px; } .email-holder h2,p { font-weight: bold; }