[英]How to align text box,href horizontally in css3
I want to align text box, 2 href tags has horizontally as parent div whole content display. 我想对齐文本框,2 href标签在水平方向上作为父div整个内容显示。 while i move responsive also this style wants to remain the same.
当我移动响应式时,这种风格也希望保持不变。
<div class="filter_container" >
<input type="text" name="cusid" max-length="10" placeholder="Search Work Category" maxlength="10" id="search_wc" class="inp">
<a href="#" class="add_cate" onclick="add_activity(this);"><img src="images/add_so.png" title="Add Activity" rel="tooltip" /></a>
<a href="#" class="add_cate" onclick="add_category(this);"><img src="images/add_so.png" title="Add Workcategory" rel="tooltip" /></a>
</div>
/* css */
.filter_container{
display: block;
width: 90%;
margin: 5px auto;
text-align: left;
overflow: auto;
}
.add_cate{
display: inline-block;
vertical-align: middle;
text-align: right;
margin: 5px;
}
.inp {
font-size: 22px;
width: 80%;
float: left;
padding:5px 10px;
outline: none;
margin: 5px 0;
border: 1px solid white;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.