CSS怎样设置div布局居中,但是里面的内容不居中

新建一个html文件,定名为test.html,用于讲解CSS如何设置div结构居中,可是里面的内容不居中。

  • 2

    在test.html内,建立一个div,并设置其class属性为con,便利下面利用类名进行样式界说。

  • 3

    在test.html内,利用<style type="text/css"></style>标签标识表记标帜css样式,用于编写css代码。

  • 4

    利用css对div进行样式界说,经由过程margin:0 auto实现div居中显示,同时设置div的宽度为400px,高度为200px,布景颜色为灰色。

  • 5

    在div内,利用h2建立一个题目文字,写上测试的内容,代码如下:

  • 6

    在css内,对h2标签进行样式界说,利用text-align设置h2文字左对齐,上内边距为20px。

  • 7

    在浏览器打开test.html页面,可见,div居中,可是里面的内容不居中。

    • 发表于 2019-09-17 23:12
    • 阅读 ( 1022 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    联系我们:uytrv@hotmail.com 问答工具