HTML/CSS - Share my style ? Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
    <head>
        <title>Share my css style</title>
        <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script>
        <link href="https://fonts.googleapis.com/css?family=Raleway:300" rel="stylesheet">
    </head>
    <body>
    <h1>Share my style</h1>
    <div class="page">
        Want you I make an online css file on dropbox or github for all people who want to link their codes with my css style ?<br/>If you like my css style, like this code and comment if you want online css file !
    </div>
        <div class="example">
            <h4>Examples :</h4>
            <a href="https://code.sololearn.com/WQ1LXrV2Sf3u/?ref=app">Create scroll top</a><br/>
            <a href="https://code.sololearn.com/WSqW41Mv08fr/?ref=app">Make draggable elements</a><br/>
            <a href="https://code.sololearn.com/Wk9DnQV399ab/?ref=app">Unselectable elements</a><br/>
            <a href="https://code.sololearn.com/W0pNLQ8bef6J/?ref=app">How to use regex ?</a><br/>
            <a href="https://code.sololearn.com/Wx7b33u2f2QL/?ref=app">Range slider</a>
        </div>
        
        
        <div class="footer">
            <p>NoxFly &copy;2017</p>
        </div>
    </body>
</html>

css

body, html {
    with: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.page {
    width: 90%;
    height: auto;
    margin: 50%;
    text-align: justify;
    -webkit-transform: translate(-50%,-100%);
    font-size: 13px;
    color:  rgba(0,0,0,0.7);
}
.footer {
    width: 100%;
    height: auto;
    padding: 2px 0;
    color:  white;
    font-weight: bold;
    text-align: center;
    position: absolute;
    bottom: 0;
    background-color:  #333;
}

BROWSER

Console