Css 如何增加右侧的红色方块？

所以，我附上了两张图片，这表明我想这样做。请问，有人能给我一些建议吗？ 顺便说一句，我试着正确使用maring，但没有成功

.topnav{
宽度：750px；
保证金：0自动；
溢出：隐藏；
背景色：红色；
字体系列：Verdana，“无衬线”，Helvetica，Arial；
字体大小：11px；
字号：700；
文本对齐：居中；
}
/* Стиль ссылок навигации */
.topnav a{
保证金：0自动；
显示：内联；
左边距：3倍；
浮动：左；
显示：块；
颜色：#F2F2；
文本对齐：居中；
填充物：5px10px；
文字装饰：无；
}
/* Изменение цвета при наведении */
.topnav a:悬停{
颜色：橙色；
}

---

将

.topnav

的宽度更改为100%或全部删除，因为默认情况下

div

会填充所有水平空间。如果需要全宽和左侧空白，请使用margin或margin left属性

---

将

.topnav

的宽度更改为100%或全部删除，因为默认情况下

div

会填充所有水平空间。如果需要全宽和左侧空白，请使用margin或margin left属性

---

使用浮动：右；这是正确的方法

.topnav {
    float:right;
    overflow: hidden;
    background-color: red;
    font-family: Verdana,"Sans-serif",Helvetica,Arial;
    font-size: 11px;
    font-weight: 700;
    text-align:center;
}

---

使用float：对；这是正确的方法

.topnav {
    float:right;
    overflow: hidden;
    background-color: red;
    font-family: Verdana,"Sans-serif",Helvetica,Arial;
    font-size: 11px;
    font-weight: 700;
    text-align:center;
}

---

成功了，但现在水平空间使用页眉的所有部分（包括左栏），然后使用

左边距
。或者向左移动。有无数种格式化文档的方法，但现在水平空间使用标题的所有部分（包括左标题），然后使用
左边距
。或者向左移动。有无数种格式化文档的方法