Skip to content

Instantly share code, notes, and snippets.

@pjosalgado

pjosalgado/dabblet.css

Last active October 25, 2017 18:31
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save pjosalgado/0194aab86638760e620df1f6940558d1 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save pjosalgado/0194aab86638760e620df1f6940558d1 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. pjosalgado revised this gist Oct 25, 2017. No changes.
  2. pjosalgado created this gist Oct 25, 2017.
    38 changes: 38 additions & 0 deletions dabblet.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,38 @@
    div {
    width: 100px;
    height: 100px;
    /* Para deixar o texto centralizado na div,
    podemos colocar um line-height igual à altura
    dela. Só funciona bem se o texto tiver uma
    linha só.
    */
    line-height: 100px;
    text-align: center;
    font-size: 25px;
    }
    .container {
    width: 400px;
    }
    .primeiro {
    background-color: red;
    float: left;
    }
    .segundo {
    background-color: blue;
    float: left;
    }
    .terceiro {
    width: 200px;
    height: 200px;
    line-height: 200px;
    background-color: green;
    float: right;
    }
    .quarto {
    background-color: orange;
    float: left;
    }
    .quinto {
    background-color: magenta;
    float: left;
    }
    7 changes: 7 additions & 0 deletions dabblet.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,7 @@
    <div class="container">
    <div class="primeiro">1</div>
    <div class="segundo">2</div>
    <div class="terceiro">3</div>
    <div class="quarto">4</div>
    <div class="quinto">5</div>
    </div>
    1 change: 1 addition & 0 deletions dabblet.js
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    // alert('Hello world!');
    1 change: 1 addition & 0 deletions settings.json
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}