“`css
.float-left {
float: left;
.float-right {
float: right;
.clear-left {
clear: left;
.clear-right {
clear: right;
在这个示例中，大家定义了两个类，`float-left`和`float-right`，它们都有一个共同的父类`.parent-class`，然后使用`float`属性将它们的子元素水平居中，并使用`clear`属性清除浮动，最后使用`.clear-left`和`.clear-right`类来清除父元素的浮动。
当然，这只是一个基本的示例，你可以根据自己的需要添加更多的样式和规则，例如改变浮动的大小和位置，以及添加背景等。