水平放置HTML输入和按钮
水平放置HTML输入和按钮
提问于 2018-07-06 04:55:08
我在做一些相当基本的事情时遇到了一些问题(我想)。我想将Save和Copy按钮放在同一行上，并使它们在以下CodePen中水平居中：
https://codepen.io/anon/pen/XYLmwb?editors=1100
HTML：
<div class="wrapper">
<form>
<textarea id="notes"></textarea>
<input id="save" type="submit" value="Save" />
</form>
<button id="copy-btn">Copy</button>
</div>CSS：
#notes {
}
#save {
}
#copy-btn {
}
.wrapper {
text-align: center;
}重要的是HTML结构保持不变，并且这是使用CSS完成的。有没有人有建议？
回答 1
Stack Overflow用户
发布于 2018-07-06 06:22:11
#notes {
float: left;
}
#save {
float: left;
margin: 7px 0px 0px 5px;
}
#copy-btn {
position: absolute;
margin: 7px 0px 0px 5px;
}
.wrapper {
text-align: center;
}
.wrapper form{
display: inline-block;
}
.wrapper button{
display: inline-block;
}别忘了清除float。清除:两者都有；
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51199771
复制相关文章
相似问题