Html 如何使用flexbox水平排列两个元素？

我已经在这个网站上找到了其他答案，但我还没有找到一个有效的解决方案。我的情况有点奇怪，我不应该更改html代码，我应该尽可能避免使用类，我不能使用ID

所以我的html是这样的

html，
身体{
填充：0；
保证金：0；
身高：100%；
}
身体{
背景：线性渐变（右上角，#dddddd，#f7f8ff，#ffffff）；
背景附件：固定；
字体系列：“faricy new web”，无衬线；
文本对齐：居中；
}
div{
背景色：#A9B6C7；
利润率：5%10%5%35%；
填充：2%；
显示：块；
}
/*标题框样式*/
.业权科{
显示器：flex；
}
.头衔{
字体大小：200%；
字体大小：粗体；
显示：块；
}
.标题第c6页{
显示器：flex；
证明内容：周围的空间；
填充：5%；
利润率：5%；
}

头衔

信息：结果

日期：2017年6月21日星期三

您可以在元素上使用float:left或float:right。 或者使用相对位置，并使用偏移。

---

例如：左50像素

可以在元素上使用float:left或float:right。 或者使用相对位置，并使用偏移。 例如：左边50像素试试这个

html，
身体{
填充：0；
保证金：0；
身高：100%；
}
身体{
背景：线性渐变（右上角，#dddddd，#f7f8ff，#ffffff）；
背景附件：固定；
字体系列：“faricy new web”，无衬线；
文本对齐：居中；
}
div{
背景色：#A9B6C7；
利润率：5%10%5%35%；
填充：2%；
显示：块；
}
/*标题框样式*/
.业权科{
}
.头衔{
字体大小：200%；
字体大小：粗体；
显示：块；
}
.c6{
浮动：左；
保证金：0；
}
前{
保证金：0；
文本对齐：左对齐；
}
.c1{float:left；}

头衔

信息：结果

日期：2017年6月21日星期三

试试这个

html，
身体{
填充：0；
保证金：0；
身高：100%；
}
身体{
背景：线性渐变（右上角，#dddddd，#f7f8ff，#ffffff）；
背景附件：固定；
字体系列：“faricy new web”，无衬线；
文本对齐：居中；
}
div{
背景色：#A9B6C7；
利润率：5%10%5%35%；
填充：2%；
显示：块；
}
/*标题框样式*/
.业权科{
}
.头衔{
字体大小：200%；
字体大小：粗体；
显示：块；
}
.c6{
浮动：左；
保证金：0；
}
前{
保证金：0；
文本对齐：左对齐；
}
.c1{float:left；}

头衔

信息：结果

日期：2017年6月21日星期三

您好，仅供参考，

元素是一个流内容，在只接受短语内容的

中是不允许的。如果您检查代码的html输出，您会得到

信息：
结果

，这对我来说是新信息，谢谢。虽然我真的不能对代码做太多的修改，但是如果可以的话；s功能上

信息：

结果

我必须更改它吗？你能使用js/jquery操作内容吗？我是不允许的。你可以通过这件事了解更多关于内容措辞的信息。你好，仅供参考，

元素是流内容，在仅接受短语内容的

中不允许使用。如果您检查代码的html输出，您会得到

信息：
结果

，这对我来说是新信息，谢谢。虽然我真的不能对代码做太多的修改，但是如果可以的话；s功能上

信息：

结果

我必须更改它吗？你能使用js/jquery操作内容吗？我不允许。你可以通过这件事了解更多关于措辞内容的信息。当然可以。包括浮动：左；添加到所有要对齐的元素。看看这个视频，它向你展示了浮动的功能：是的，当然。包括浮动：左；添加到所有要对齐的元素。看看这段视频，它向你展示了float的功能：这很有效，我现在要用它来代替flex-box。！使用flex-box float将不起作用。我只注意到当您将它从代码中删除时，我现在非常高兴知道这一点。这是有效的，我现在将使用它代替flex-box。k很高兴能提供帮助。！使用flex-box-float是行不通的。我只注意到当你把它从代码中去掉时，我现在非常高兴知道这一点。