Html 如何在同一行上添加内容？_Html_Css

Html 如何在同一行上添加内容？

html css

Html 如何在同一行上添加内容？,html,css,Html,Css,标题{ 背景色：红色；边框：5px纯绿色； } img{ 框大小：边框框；填充：10px；身高：80%；边框：2倍纯黄色； } 导航{ 边框：2倍纯黄色；身高：80%；填充：10px；框大小：边框框； } 保险商实验室{ 列表样式类型：无；溢出：自动；边框：2倍纯白；填充：0； } div{ 边框：2件纯蓝；显示器：flex；高度：200px；宽度：50%；对齐项目：居中； } 李{ 浮动：左；利润率：30像素； } 因为您希望div有一个“兄弟”，所以

标题{
背景色：红色；
边框：5px纯绿色；
}
img{
框大小：边框框；
填充：10px；
身高：80%；
边框：2倍纯黄色；
}
导航{
边框：2倍纯黄色；
身高：80%；
填充：10px；
框大小：边框框；
}
保险商实验室{
列表样式类型：无；
溢出：自动；
边框：2倍纯白；
填充：0；
}
div{
边框：2件纯蓝；
显示器：flex；
高度：200px；
宽度：50%；
对齐项目：居中；
}
李{
浮动：左；
利润率：30像素；
}

因为您希望

div

有一个“兄弟”，所以需要移动

显示：flex

到父元素，在您的示例中，父元素是标题。然后声明每个孩子需要多少

flex

<body>
  <header>
    <div id="left">
    <img src="image.png" alt="Logo"/>
      <nav>
        <ul>
          <li><a href="https://google.com">Google</a></li>
          <li><a href="https://facebook.com">Facebook</a></li>
          <li><a href="https://yahoo.com">Yahoo</a></li>
        </ul>
      </nav>
    </div>
    <div id="right">hello</div>
  </header>
</body>

.table{
显示：表格；
宽度：100%；
}
.cell1，
.cell2{
显示：表格单元格；
垂直对齐：中间对齐；
}
标题{
背景色：红色；
边框：5px纯绿色；
}
img{
框大小：边框框；
填充：10px；
身高：80%；
边框：2倍纯黄色；
}
导航{
边框：2倍纯黄色；
身高：80%；
填充：10px；
框大小：边框框；
}
保险商实验室{
列表样式类型：无；
溢出：自动；
边框：2倍纯白；
填充：0；
}
李{
浮动：左；
利润率：30像素；
}

您是否尝试过显示：内联块你好，阿尼尔，欢迎来到StackOverflow。如果您在答案中添加一些解释，帮助人们理解您的解决方案是如何工作的以及为什么工作的，这样他们就可以从中学习了，这将非常有帮助！谢谢，很高兴回答！

header{
  background-color:red;
  border:5px solid green;
  display:flex;
}

div{
  border:2px solid blue;
  height: 200px;
  width:50%;
  align-items: center;
}

#left {
  flex: 1;
}

#right {
  flex: 1;
}