Table of Contents
Home
Web Front-end
HTML Tutorial
I have a question~~It's very urgent~~Waiting online~~~God help~~~_html/css_WEB-ITnose



I have a question~~It's very urgent~~Waiting online~~~God help~~~_html/css_WEB-ITnose
CSS Wanmei Time Travel Network HTML Travel Route Hainan Travel Guide
I want to write the three words "Day 1" into this div box. Added on both sides of "1" to set the attributes for "1" separately.
But there is a problem. I also want "1 to be displayed in the center" to have the effect like this: , instead of the effect in the top picture.
How to ask for help? ? ? ? ?
Code:
Day 1
CSS: .D1_L_shang3 {
height: 81px;
width: 71px;
background: url("../images/yuanbiao1.png") left top no-repeat;
position: absolute;
z -index: 4;
left: 0px;
top: 50px;
line-height: 81px;
font-size: 16px;
text-align: center;
padding -right: 5px;
color: #FFF;
font-family: "Microsoft YaHei","宋体","黑体",Arial;
}
.D1_L_shang3 span {
font-size: 35px;
color: #FFF;
font-family: "Microsoft Yahei", "宋体", "黑体", Arial;
}
Reference: http ://www.wanmeitime.com/products/xianlu.php?xianlubianhao=352
Reply to discussion (solution)
God help~~~
<div class="D1_L_shang3"> <span>第</span><span class="num">1</span><span>天</span></div>
Copy after login
.D1_L_shang3 span{vertical-align:middle;}.D1_L_shang3 span.num{font-size: 35px;color: #FFF;font-family: "微软雅黑","宋体","黑体",Arial;}
Copy after login
or
.D1_L_shang3 span{font-size: 35px;color: #FFF;font-family: "微软雅黑","宋体","黑体",Arial;position:relative;top:8px; /*自己改*/}
Copy after login
<style type="text/css">.D1_L_shang3 {height: 81px;width: 71px;background: url("http://www.wanmeitime.com/products/images/yuanbiao1.png") left top no-repeat;position: absolute;z-index: 4;left: 0px;top: 50px;line-height: 81px;font-size: 16px;text-align: center;padding-right: 5px;color: #FFF;font-family: "微软雅黑","宋体","黑体",Arial;}.D1_L_shang3span {font-size: 35px;color: #FFF;display: inline-block;height: 47px;font-family: "微软雅黑","宋体","黑体",Arial;margin-left: 5px;/*改左边间距*/margin-right: 5px;/*改右边间距*/}.D1_L_shang3s{ display: inline-block; height: 47px;}</style><div class="D1_L_shang3"> <span class="D1_L_shang3s">第</span><span class="D1_L_shang3span">1</span><span class="D1_L_shang3s">天</span> </div>
Copy after login
XML/HTML code?123
🎜> CSS code?12345678.D1_L_shang3 span{vertical-align:middle;}.D1_L_shang3 span.n……
It’s useless. . . . . Let me do it directly on the picture
XML/HTML code?123456789101112131415161718192021222324252627282930313233
It’s useless. . . . . Let me do it directly on the picture
XML/HTML code?123456789101112131415161718192021222324252627282930313233