4-3我后面红色的为什么还是没有显示到上面去呢?

4-3我后面红色的为什么还是没有显示到上面去呢?

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>文本样式</title>

        <style type="text/css">

           /*写出CSS样式*/

           p{text-align:center;

               background:#eee;

               font-size:2em;

               height:5em;

               line-height:5em;

           }

           .one{font-size:2em;}

           .two{color:red;

               text-decoration:underline;

               text-transform:capitalize;

               vertical-align:middle;

           }

        </style>

    </head>

    <body>

          <!--写出html代码-->

          

         <p><img src="http://img1.sycdn.imooc.com\/climg/59c21bae000157fa01000059.jpg"><span class="one">css层叠样式表</span><span class="two">(cascading style sheets)</span></p>

    </body>

</html>


正在回答 回答被采纳积分+1

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

2回答
好帮手慕言 2020-02-16 13:50:23

同学你好,在上条回答中老师给出了代码,建议:按照老师提供的代码测试下。如果还是不可以的话,同学可以把修改后的代码粘贴上来,老师帮助排查。祝学习愉快~

好帮手慕言 2020-02-16 10:59:20

同学你好,可以给p标签里面的内容设置vertical-align: middle;代码参考:

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

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 在p标签里面加入vertical-align: middle;同样红色区域不会上移,在two里面加入也是不会显示上移,怎么回事呢
    2020-02-16 11:24:54
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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