kia9372
جمعه 01 مرداد 1395, 16:36 عصر
درود دوستان .
من میخوام ک همه عناصر داخل یک تگ در یک خط قرار بگیرند ولی عناصر میان و زیر هم قرار میگیرن .
http://stackoverflow.com/questions/38525504/display-all-element-in-line?answertab=active#tab-top
<div class="iri-Header"> <div class="iri-Header-container"> <div class="logo"> <a href="#"> <img src="img/Logo.png" /> </a> </div> <div class="iri-login"> <div class="statusbar"> <a href="#"><span id="login-txt">ورود</span></a> </div> <div class="icon-login"> <img src="img/pic1.png" /> </div>
</div> <div class="nav-link"> <a href="#"></a> </div> <div class="nav-search"> <div class="row"> <!-- /.col-lg-6 --> <div class="col-xs-12"> <div class="input-group"> <input type="text" class="form-control" placeholder="جستجو کن . . ."> <span class="input-group-btn"> <button class="btn btn-default" type="button"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> <!-- /input-group --> </div> <!-- /.col-lg-6 --> </div> <!-- /.row -->
</div> </div>
</div>
body { float: right; direction: rtl; margin: 0; padding: 0;}div{ border: 0;}
.iri-Header { width: 1349px; height: 40.5px; background-color: red;}
a { text-decoration: none;}
.iri-Header-container { width: 1008px; height: 40.5px; padding: 0 16px; margin: 0 auto; background-color: blue; position: relative; vertical-align: baseline;}
من میخوام ک همه عناصر داخل یک تگ در یک خط قرار بگیرند ولی عناصر میان و زیر هم قرار میگیرن .
http://stackoverflow.com/questions/38525504/display-all-element-in-line?answertab=active#tab-top
<div class="iri-Header"> <div class="iri-Header-container"> <div class="logo"> <a href="#"> <img src="img/Logo.png" /> </a> </div> <div class="iri-login"> <div class="statusbar"> <a href="#"><span id="login-txt">ورود</span></a> </div> <div class="icon-login"> <img src="img/pic1.png" /> </div>
</div> <div class="nav-link"> <a href="#"></a> </div> <div class="nav-search"> <div class="row"> <!-- /.col-lg-6 --> <div class="col-xs-12"> <div class="input-group"> <input type="text" class="form-control" placeholder="جستجو کن . . ."> <span class="input-group-btn"> <button class="btn btn-default" type="button"> <span class="glyphicon glyphicon-search"></span> </button> </span> </div> <!-- /input-group --> </div> <!-- /.col-lg-6 --> </div> <!-- /.row -->
</div> </div>
</div>
body { float: right; direction: rtl; margin: 0; padding: 0;}div{ border: 0;}
.iri-Header { width: 1349px; height: 40.5px; background-color: red;}
a { text-decoration: none;}
.iri-Header-container { width: 1008px; height: 40.5px; padding: 0 16px; margin: 0 auto; background-color: blue; position: relative; vertical-align: baseline;}