Html 如何将父div环绕float:left-child div？

我试图让headerLinks div环绕两个headerLink div，这样我就可以移动链接并编辑链接作为一个整体的边距。这是最好的方法吗？如果是这样，我将如何修复我的代码？先谢谢你

这是我的代码：

#标题{
背景色：#EDEDED；
位置：固定；
宽度：100%；
顶部：0px；
盒影：rgb（0,0,0）0px 0px 10px；
}
#头饰{
列表样式类型：无；
溢出：隐藏；
利润率：10px；
填充：0px；
}
#头名{
浮动：左；
显示：内联块；
颜色：#3d3b；
字号：28px；
}
.头饰{
显示：内联块；
浮动：对；
}
.校长联系{
文本对齐：居中；
保证金：5px；
浮动：对；
}
.校长{
颜色：黑色；
填充物：5px；
背景色：#e1e1；
文字装饰：无；
字体大小：20px；
}

我的名字

只有右侧的链接应该在

ul

中

我很确定你不希望链接颠倒顺序， 因此，您需要在父对象（headerLinks）上添加

float:right

，并在

li

s上添加left

*{框大小：边框框；}
正文{页边距：0；}
#标题{
背景色：#EDEDED；
位置：固定；
宽度：100%；
顶部：0px；
盒影：rgb（0,0,0）0px 0px 10px；
填充：10px；
}
#头名{
浮动：左；
显示：内联块；
颜色：#3d3b；
字号：28px；
}
#头巾{
列表样式类型：无；
溢出：隐藏；
填充：0；
保证金：0；
浮动：对；
}
.校长联系{
文本对齐：居中；
保证金：5px；
浮动：左；
}
.校长{
颜色：黑色；
填充物：5px；
背景色：#e1e1；
文字装饰：无；
字体大小：20px；
}

我的名字