Html 同样的结果可以用内联存档吗？

我想知道是否可以用

inline

或

inline block

而不是

float

归档完全相同的结果。如果可以，如何归档

请参阅以下代码（摘自）：

分区集装箱{
宽度：100%；
边框：1px纯色灰色；
}
页眉、页脚{
填充：1em；
颜色：白色；
背景色：黑色；
清除：左；
文本对齐：居中；
}
导航{
浮动：左；
最大宽度：160px；
保证金：0；
填充：1em；
}
导航ul{
列表样式类型：无；
填充：0；
}
导航ula{
文字装饰：无；
}
文章{
左边距：170px；
左边框：1px纯色灰色；
填充：1em；
溢出：隐藏；
}
城市画廊





伦敦
伦敦是英国的首都。它是英国人口最多的城市，拥有超过1300万居民的大都市区

伦敦坐落在泰晤士河上，两千年来一直是一个重要的定居点，其历史可以追溯到罗马人建立时，罗马人将其命名为Londinium

版权所有©W3Schools.com

即使是这样，

内联

和

内联块

也不打算这样做。这些值表示display属性，也就是说，该元素应该放在文本流中，并在内部表现为该文本，或者在仍然与文本对齐的情况下保持一些块状属性。不应确定是否用于像这样构造布局。

即使如此，

内联

和

内联块

属性也不打算这样做。这些值表示display属性，也就是说，该元素应该放在文本流中，并在内部表现为该文本，或者在仍然与文本对齐的情况下保持一些块状属性。我不应该肯定地用它来构造这样的布局。

仅仅因为我可以，并不意味着你应该。我会坚持浮点数，而不是使用我的答案

分区集装箱{
宽度：100%；
边框：1px纯色灰色；
}
页眉、页脚{
填充：1em；
颜色：白色；
背景色：黑色；
清除：左；
文本对齐：居中；
}
导航{
最大宽度：160px；
保证金：0；
填充：1em；
}
导航ul{
列表样式类型：无；
填充：0；
}
导航ula{
文字装饰：无；
}
文章{
左边距：170px；
左边框：1px纯色灰色；
填充：1em；
溢出：隐藏；
}
城市画廊





伦敦
伦敦是英国的首都。它是英国人口最多的城市，拥有超过1300万居民的大都市区

伦敦坐落在泰晤士河上，两千年来一直是一个重要的定居点，其历史可以追溯到罗马人建立时，罗马人将其命名为Londinium

版权所有©W3Schools.com

仅仅因为我可以，并不意味着你应该这样做。我会坚持浮点数，而不是使用我的答案

分区集装箱{
宽度：100%；
边框：1px纯色灰色；
}
页眉、页脚{
填充：1em；
颜色：白色；
背景色：黑色；
清除：左；
文本对齐：居中；
}
导航{
最大宽度：160px；
保证金：0；
填充：1em；
}
导航ul{
列表样式类型：无；
填充：0；
}
导航ula{
文字装饰：无；
}
文章{
左边距：170px；
左边框：1px纯色灰色；
填充：1em；
溢出：隐藏；
}
城市画廊





伦敦
伦敦是英国的首都。它是英国人口最多的城市，拥有超过1300万居民的大都市区

伦敦坐落在泰晤士河上，两千年来一直是一个重要的定居点，其历史可以追溯到罗马人建立时，罗马人将其命名为Londinium

版权所有©W3Schools.com

有没有一种不用表格的方法？有没有一种不用表格的方法？