前端居中模板(常用HTML模板)

0.效果:

aaarticlea/png;base64,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" alt="" />

1.html

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <link type="text/css" rel="stylesheet" href="1.css" />
    </head>

    <body>
        <div id="container">

            居中模板

        </div>
    </body>

</html>

2.css

            body,html {
                margin: 0px auto;
                width: 100%;
                padding: 0px;
                font-size: 12px;
                color: #364f56;
                background-color: #FFFFFF;
                text-align: center;
            }

            #container {
                margin: 0px auto;
                text-align: left;
                width: 90%;
                height: 600px;
                border: 1px dashed green;
            }