gpt4 book ai didi

html - 为什么不显示: inline placing my divs side by side properly?

转载 作者:太空宇宙 更新时间:2023-11-03 22:54:31 24 4
gpt4 key购买 nike

我想做一个简单的页面,在一个大的 div 中有两个 div,我将它用作整个页面的容器。为了能够做到这一点,我对 div 使用了 display: inline,但是当我这样做时,一切都会崩溃。

div {
margin: auto;
border: 2px solid black;
border-radius: 10px;
padding-left: 10px;
padding-right: 10px;
}
#container {
width: 95%;
min-height: 620px;
}
#options, #forms {
display: inline;
}
h1 {
text-align: center;
}
<body>
<div id="container">
<h1>BANCO DE LA NACION</h1>
<hr>
<div id="options">
<h3>Eliga su operación:</h3>
<input type="button" name="crear" id="creacion" value="Crear nueva cuenta">
<input type="button" name="mostrar" id="mostrador" value="Mostrar datos">
</div>
<div id="forms">
</div>
</div>
</body>

我想知道是否有另一种方法可以让 div 彼此正确生成(不使用目前我试图避免的 Bootstrap )或者我正在做的方式是纠正一个,这是我的错误?

最佳答案

关于html - 为什么不显示: inline placing my divs side by side properly?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38898101/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com