将textarea添加到html / css中前一个textarea的右边

Question

我正在为我的团队开发一个仪表板。仪表板的功率点显示看起来像

所以我打算使用文本区域标签，但我不知道如何创建多个textarea像“上周成就”是我尝试为“目标”创建另一个文本区域时的一个文本区域它是显示在“上周”文本区域下。我希望它进入正确的一方。 然后是ppt组成表的左上角。看到这张桌子后我感到困惑。我是html和css的新手。建议我得到正确答案。

Answer 1

如果我理解你的问题，一点CSS样式应该会有所帮助。只需设置：

.yourtextboxSelector {
   display: inline-block;
   float: right;
}

还为文本区域设置宽度，以便它们适合一行，例如，50％或更少。如果您提供一些HTML代码会更好。

Answer 2

您可以将float:right用于第一个textarea的css代码。

Answer 3

.column{float:left; width:50%;} 使用这个＆＃34;列＆＃34;您的文本区域标记的类将对齐＆＃34;目标＆＃34; ＆＃34;上周成就＆＃34;。

旁边的文字区域