Javascript 如何将三个文本表达式均匀对齐并垂直居中于一行中

我有一个单页HTML，我想它的标题内容在手机/平板电脑是一样的照片附加。我尝试了几种方法，但没有成功：

以下是期望的结果：

下面是我使用的代码：

正文{
保证金：0；
背景色：黑色；
}
.头衔{
文本对齐：居中；
背景色：白色；
颜色：黑色；
高度：100px；
填充：35px0；
保证金：0；
宽度：100%；
z指数：1；
位置：固定；
字体系列：Clearface，无衬线；
字体大小：40px；
}
.标题#手风琴-0{
字体大小：25px；
}
#关于{
背景色：黑色；
颜色：白色；
浮动：左；
宽度：50%；
高度：100vh；
字体系列：Clearface，无衬线；
边缘顶部：170px；
位置：固定；
}
#大约h2{
字号：80px；
填充：30px 70px 0 70px；
}
#关于p{
字体大小：30px；
填充：70px；
填充顶部：0；
}
#手风琴{
背景色：#333648；
颜色：白色；
光标：指针；
填充：20px；
宽度：100%；
边界：无；
文本对齐：居中；
大纲：无；
字号：17px；
过渡：0.5s；
身高：20%；
字体系列：“Univers LT Std”，无衬线；
字体大小：20px；
不透明度：0.7；
}
#项目。活动，#项目。手风琴：悬停{
背景色：#ccc；
颜色：黑色；
不透明度：1；
}
.小组{
填充：0 18px；
背景色：白色；
最大高度：0；
溢出y：隐藏；
过渡：最大高度为0.3s；
}
.邮政{
填充：0.20%；
字体系列：“Univers LT Std”，无衬线；
字体大小：20px；
}
.img响应{
显示：块；
最大宽度：100%；
高度：自动；
保证金：50px自动；
}
#计划{
浮动：对；
宽度：50%；
高度：100vh；
字体系列：“Univers LT Std”，无衬线；
字体大小：20px；
边缘顶部：170px；
}
#关于手风琴h2，#关于手风琴p{
字体系列：Clearface，无衬线；
}
#关于手风琴。面板{
背景色：黑色；
颜色：白色；
}
#关于手风琴{
字体大小：30px；
}
/*智能手机（纵向和横向）*/
@仅媒体屏幕
和（最小设备宽度：320px）
和（最大设备宽度：480px）{
#关于{
显示：无；
}
#计划{
宽度：100%；
}
}
/*iPad（纵向和横向）*/
@仅媒体屏幕
和（最小设备宽度：768px）
和（最大设备宽度：1024px）{
#关于{
显示：无；
}
#计划{
宽度：100%；
}
}
/*台式机和笔记本电脑--------*/
@仅媒体屏幕
和（最小宽度：1224px）{
#关于手风琴{
显示：无；
}
.标题#手风琴-0{
显示：无；
}
#冲刺{
显示：无；
}
}
/*大屏幕--------*/
@仅媒体屏幕
和（最小宽度：1824px）{
#关于手风琴{
显示：无；
}
.标题#手风琴-0{
显示：无；
}
#冲刺{
显示：无；
}
}

你好
回来
- 
关于我
你好

Lorem Ipsumär en utfyllnadstext från tryck-och förlagsindustrin。Lorem ipsum har varit standardända sedan 1500 talet，när en okäand boksättare tog at antal bokstäver och blandade dem för att göra Provemplar av en bok。洛雷姆·伊普苏姆（Lorem ipsum）是一位来自世界各地的专家，他一直致力于电子印刷印刷术。详细信息请参见1960年talet i samband med lanseringen av Letraset ark med avsnitt av Lorem Ipsum，och senare med mjukvaror som Aldus PageMaker。

你好

Lorem Ipsumär en utfyllnadstext från tryck-och förlagsindustrin。Lorem ipsum har varit standardända sedan 1500 talet，när en okäand boksättare tog at antal bokstäver och blandade dem för att göra Provemplar av en bok。洛雷姆·伊普苏姆（Lorem ipsum）是一位来自世界各地的专家，他一直致力于电子印刷印刷术。详细信息请参见1960年talet i samband med lanseringen av Letraset ark med avsnitt av Lorem Ipsum，och senare med mjukvaror som Aldus PageMaker。

项目1
标题

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
.title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}