Html 如何使中间内容位于边界半径的左右两侧？

.intro h1{
字体系列：“Cambria”；
字号：16pt；
字体：粗体；
文本对齐：左对齐；
}
.简介{
字体系列：“Calibri”；
字体：斜体；
字号：12号；
填充：0px 690px 0px 20px；
文本对齐：左对齐；
}
.content{
边框：2倍实心；
-webkit边界半径：10px；
-moz边界半径：10px；
边界半径：10px；
}
#帕拉1{
填充：0px 1050px 0px 20px；
}
#帕拉2{
填充：0px 1099px 0px 20px；
}
.username标签、.username文本框、.password标签、.password文本框{
文本对齐：右对齐；
}

最终项目
欢迎来到Cuyahoga社区大学生在线服务
Cuyahoga社区学院承认学生获得个人和学术记录的权利
根据经公法93-568修订的1974年《家庭教育权利和隐私法》（FERPA）

已经在我们这里有账户了吗？返回的用户可以通过输入他们的站点用户名和密码登录
用户名：
密码：
登录

新用户，请通过向我们提供一些基本信息来创建一个新帐户
用户名：
密码：
电邮：
重复电子邮件地址：
创建帐户
亚霍加社区学院
俄亥俄州克利夫兰卡内基大道700号，邮编：44115

在content div中创建新的

div

元素，一个用于左侧，一个用于右侧。然后设置

显示：表格单元格和
宽度：50%
。那就可以了

看小提琴

编辑：然后去掉那些疯狂的填充物
 @sn3ll如何使文本框与每个标签显示在同一行上？我尝试了display:inline，但似乎不起作用。@sn3ll我如何才能让用户名、密码标签和文本框从现在的外观上消失？这看起来真的很不耐烦。使用填充和/或边距