58问答库 > 请问：在css和html中下图的样式是怎样实现的？两排文字不在一条水平线，不必套用两个div吧？

请问：在css和html中下图的样式是怎样实现的？两排文字不在一条水平线，不必套用两个div吧？

2024-11-20 07:56:19

推荐回答（4个）

回答（1）：

不用div也得至少三个html标签

实例：
div外框盒子，包住内容，整体设置样式文字大小颜色
第1个span是设置字体加粗背景加图标，图标也可以新加标签或者加入图片来做
第2个span设置为红色
（备注）：你可以用其他标签来做，块元素必须设置浮动。内联元素会因，文字基线和默认属性，有相应的边距，解决办法很多，看用哪个了

北大校内信息
今天又10条新通知

回答（2）：

可以用上下标的方式，CSS用来控制字体，颜色等

下标：

北大校内信息 _{今天有10条新通知}

上标：

北大校内信息 ^{今天有10条新通知}

回答（3）：

不用，用span标签可以了
我建议这个的可以用dl 的结构方式

北大校内信息: 今天有....

回答（4）：

放span,div,table里都可以，设置不同的margin-top或者padding-top就可以了。