HTML/CSS div对齐

当调整大小时，我需要更改分区顺序，将两个徽标以50%的宽度彼此相邻移动，并将第三个分区标题以100%的宽度移动到下面。谁能告诉我哪里出了问题

.logo 1{ 宽度：50%； 浮动：左； 顶部：0px； } .LOGO 2{ 宽度：50%； 浮动：对； 顶部：0px； } .头衔{ 宽度：100%； 明确：两者皆有； } 基础设施网络地图 您可以使用Flexbox执行此操作：

正文{页边距：0} h1{ 文本对齐：居中； } 标题{ 显示：flex；/*以内联方式显示flex项*/ 柔性包裹：包裹；/*启用其包裹*/ } 标题>div{ flex:1；/*每一个都占父级宽度的33.33%*/ 显示：flex；/*添加*/ 对齐内容：中心；/*添加*/ } img{ 显示：块；/*删除底部边距/空白*/ 宽度：100%；/*响应性*/ } @介质最大宽度：568px{ 标题>div{ 弹性：0 1 50%；/*弹性增长=默认值，弹性收缩=默认值，弹性基础=50%初始宽度*/ } .头衔{ 弯曲：1；/*拉伸以100%填充父对象的宽度*/ 订单：1；/*更改订单，即将其置于logo下方/之后。默认情况下，其订单：0*/ } } 基础设施网络地图

---

感谢所有人的帮助，经过进一步的研究和综合所有建议，这就是我用来让它工作的方法：

header {
    background-color: #cccccc;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    }    

img {
    margin: auto;
    display: block;
    }

.logo1, .logo2 {
    width: 50%; 
    flex: 1 1 0;

}

.title {
    color: #336699;
    flex: 100%;
    order: 3;
    text-align: center;
    }
}

---

尝试使用flexbox方法。您有的结束标记，但出于保密目的？抱歉@Swellar I删除了指向公司网页的链接。您想将第二个徽标移到第一个徽标旁边，对吗？是的，将第二个徽标放在第一个徽标旁边，然后将标题放在徽标下面。