请问怎么让下划线居中?

请问怎么让下划线居中?

如图所示,我给h1添加的下划线,我想让下划线只有一截,且与h1水平居中显示

.title-description .student h1{
	width: 50px;
	border-bottom: 2px solid #07cbc9;
	padding-bottom:10px; 
	}

http://img1.sycdn.imooc.com//climg/5d4b9b400001d18704020324.jpg

正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学可以单独设置短线,而不是使用h1设置,单独设置短线可参考如下代码:

可以写一个标签,<label class="line"></label>

设置样式:

label.line{
background-color:#07cbc9;
display:block;
width: 40px;
height: 2px;
margin:15px auto;
}

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

好帮手慕阿满 2019-08-08 14:05:41

同学可以设置margin-left,使其居中显示。

如果我的回答解决了你的疑惑,请采纳。祝:学习愉快~

  • 提问者 晓说 #1
    不行,要让下划线处于h1标签的正下方,设置margin-left,只能让h1的文字和下划线一起移动,这样文字和下划线还是对齐的
    2019-08-08 14:37:34
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师