<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <form class="form-horizontal"> <fieldset> <!-- Form Name --> <p align="right"> <font face="B nazanin"> <legend><b>ورود پزشکان</b></legend> </p> <!-- Text input--> <div class="form-group"> <p align="right"><b> <font face="B nazanin"> <label class="col-md-4 control-label" for="textinput">شناسه</label> <div class="col-md-4"> <input id="textinput" name="textinput" type="text" placeholder=" شناسه خود را وارد کنید" class="form-control input-md" required=""> </b></p> </div> </div> <!-- Password input--> <div class="form-group"> <p align="right"><b> <font face="B nazanin"> <label class="col-md-4 control-label" for="passwordinput">گذرواژه</label> <div class="col-md-4"> <input id="passwordinput" name="passwordinput" type="password" placeholder="گذر واژه خود را وارد کنید" class="form-control input-md" required=""> </b></p> <p><u><font color="blue">رمز عبور خود را فراموش کرده‌ام </u></p> </div> </div> <!-- Button --> <div class="form-group"> <label class="col-md-4 control-label" for="singlebutton"></label> <div class="col-md-4"> <button id="singlebutton" name="singlebutton" class="btn btn-primary">ورود</button> </div> </div> </div> </div>

.form-horizontal * { direction: rtl; }