Html 如何在<；下添加红线；p>；标签？

我有问题，我可以用哪个html标记生成这些行？ 长线宽度为135px，短线宽度为75px

.vip{
显示器：flex；
弯曲方向：行；
证明内容：中心；
柔性包装：包装；
}
小的{
字体大小：14px；
颜色：#8E98A7；
}
.换行{
宽度：100%；
}
.红线{
宽度：135px；
背景色：#FF193F；
}
.红线短{
宽度：75px；
背景色：#E62E4C；
}

查看一些VIP内容
贵宾室

您可以使用

边框底部：1px纯红段落上的CSS样式在段落下方有红线


.vip{
显示器：flex；
弯曲方向：行；
证明内容：中心；
柔性包装：包装；
}
p{
边框底部：1px纯红；
}
小的{
字体大小：14px；
颜色：#8E98A7；
}
.换行{
宽度：100%；
}
.红线{
宽度：135px；
背景色：#FF193F；
}
.红线短{
宽度：75px；
背景色：#E62E4C；
}

查看一些VIP内容
贵宾室

您必须为类指定一个高度，否则它将不可见

.line-break {
width: 100%;
height: 5px;
}

您可以使用
、边框底部或仅插入PNG图像。只需使用两个小高度、各自宽度和红色背景的div即可。@IvanKuckir谢谢