CSS:在DIV中对齐标签的一些问题

CSS:在DIV中对齐标签的一些问题,css,Css,我有一个div来包含标签。当我在上面贴标签时,它们会左对齐。但是我需要一个标签左对齐,而另一个标签应该右对齐。这是一个标签,位于div的左边缘,一个标签位于右边缘。有可能吗 Div的类是 .divclass { color: darkblue; font-family: serif; font-weight: bold; margin-left: 5px; margin-right: auto; position: relative; ba

我有一个
div
来包含标签。当我在上面贴标签时,它们会左对齐。但是我需要一个标签左对齐,而另一个标签应该右对齐。这是一个
标签
,位于
div
的左边缘,一个
标签
位于右边缘。有可能吗

Div
的类是

.divclass {
    color: darkblue;
    font-family: serif;
    font-weight: bold;
    margin-left: 5px;
    margin-right: auto;
    position: relative;
    background-color: silver;
    border: 1px solid grey;
}
.labelclass {
    background: silver;
    color: #191970;
    text-shadow: 0 1px 0 #ccc,
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0, 0, 0, .1),
        0 0 5px rgba(0, 0, 0, .1),
        0 1px 3px rgba(0, 0, 0, .3),
        0 3px 5px rgba(0, 0, 0, .2),
        0 5px 10px rgba(0, 0, 0, .25),
        0 10px 10px rgba(0, 0, 0, .2),
        0 20px 20px rgba(0, 0, 0, .15);
    font-size: 24px;
}
标签
的类为

.divclass {
    color: darkblue;
    font-family: serif;
    font-weight: bold;
    margin-left: 5px;
    margin-right: auto;
    position: relative;
    background-color: silver;
    border: 1px solid grey;
}
.labelclass {
    background: silver;
    color: #191970;
    text-shadow: 0 1px 0 #ccc,
        0 2px 0 #c9c9c9,
        0 3px 0 #bbb,
        0 4px 0 #b9b9b9,
        0 5px 0 #aaa,
        0 6px 1px rgba(0, 0, 0, .1),
        0 0 5px rgba(0, 0, 0, .1),
        0 1px 3px rgba(0, 0, 0, .3),
        0 3px 5px rgba(0, 0, 0, .2),
        0 5px 10px rgba(0, 0, 0, .25),
        0 10px 10px rgba(0, 0, 0, .2),
        0 20px 20px rgba(0, 0, 0, .15);
    font-size: 24px;
}

您可以向要向右对齐的标签添加一个类,然后对其使用
float
属性

.divclass{
颜色:深蓝色;
字体系列:衬线;
字体大小:粗体;
左边距:5px;
右边距:自动;
位置:相对位置;
背景颜色:银色;
边框:1px纯灰;
}
拉贝尔莱特先生{
浮球:对
}
.labelclass{
背景:银;
颜色:#191970;
文本阴影:0 1PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 B9B9,0 5PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3)bbb B B B,0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0),;
字体大小:24px;
}

测试
测试
测试
测试
测试
测试

您可以向要向右对齐的标签添加一个类,然后在其上使用
float
属性

.divclass{
颜色:深蓝色;
字体系列:衬线;
字体大小:粗体;
左边距:5px;
右边距:自动;
位置:相对位置;
背景颜色:银色;
边框:1px纯灰;
}
拉贝尔莱特先生{
浮球:对
}
.labelclass{
背景:银;
颜色:#191970;
文本阴影:0 1PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 B9B9,0 5PX0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 3)bbb B B B,0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0),;
字体大小:24px;
}

测试
测试
测试
测试
测试
测试