Javascript 为什么文本对齐：右；工作不正常？

我是UI或web开发方面的新手。我正在尝试制作简单的页面。所以我选择了页面。并尝试制作与我的演示应用程序相同的页面。我与网站有一点相同。但我面临一个问题。标题上有搜索栏（文本前面的输入字段“问题？请前往我们的社区论坛，使用该框架与其他人聊天。”。我需要在给定文本前面设置搜索字段。我已经使用了文本对齐：对； 这是我的密码

开始使用离子
使用您熟悉和喜爱的网络技术更快地构建移动应用程序

有问题吗？请前往我们的网站，使用该框架与其他人聊天。

div是块级元素，因此除非您另有说明，否则会显示在新行中

---

您可以使用

display:inline block

内联显示搜索框（即，文本旁边）：

或将搜索框向右浮动：

.smallheader .search-bar {
  float:right;/* float to the right */
  border :1px solid green;
}
.smallheader:after {/* clear the float so that the parent does not collapse */
  content: "";
  display: table;
  clear: both;
}

---

这些不是唯一的解决方案。您可以使用，也可以使用。

display:inline block

将其保留在流程中（即，文本旁边）.例如：除了我下面的答案之外，我还觉得用你目前的CSS知识创建一个完整的网站并不容易。看起来爱奥尼亚框架非常庞大和复杂，也许github.com/dhg/Skeleton是一个更好的选择。它非常小，而且更容易开始。嗯，这只是我的想法，你应该看看并查看其功能是否适合您的项目。

.smallheader .search-bar {
  display:inline-block;/* display inline so it remains in the flow */
  border :1px solid green;
}

.smallheader .search-bar {
  float:right;/* float to the right */
  border :1px solid green;
}
.smallheader:after {/* clear the float so that the parent does not collapse */
  content: "";
  display: table;
  clear: both;
}