Skip to content

Instantly share code, notes, and snippets.

@JosephSilber
Created February 23, 2012 19:46
Show Gist options
  • Select an option

  • Save JosephSilber/1894689 to your computer and use it in GitHub Desktop.

Select an option

Save JosephSilber/1894689 to your computer and use it in GitHub Desktop.

Revisions

  1. JosephSilber revised this gist Feb 23, 2012. 2 changed files with 2 additions and 2 deletions.
    2 changes: 1 addition & 1 deletion dabblet.css
    Original file line number Diff line number Diff line change
    @@ -11,5 +11,5 @@ html, body, #container {
    }
    img {
    position: relative;
    left: -23px; /* (256 - 200) / 2 */
    left: -28px; /* (256 - 200) / 2 */
    }
    2 changes: 1 addition & 1 deletion settings.json
    Original file line number Diff line number Diff line change
    @@ -1 +1 @@
    {"view":"split-vertical","prefixfree":"1","page":"css"}
    {"view":"split-vertical","seethrough":"","prefixfree":"1","page":"css"}
  2. JosephSilber created this gist Feb 23, 2012.
    15 changes: 15 additions & 0 deletions dabblet.css
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,15 @@
    /* Center wide image */

    html, body, #container {
    height: 100%;
    }

    #container {
    width: 200px;
    margin: 0 auto;
    background: #ffd2be;
    }
    img {
    position: relative;
    left: -23px; /* (256 - 200) / 2 */
    }
    3 changes: 3 additions & 0 deletions dabblet.html
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,3 @@
    <div id="container">
    <img src="http://cdnx.dev4press.com/wp-content/themes/lightscape/products/icons/gd-affiliate-center_256.png" />
    </div>
    1 change: 1 addition & 0 deletions settings.json
    Original file line number Diff line number Diff line change
    @@ -0,0 +1 @@
    {"view":"split-vertical","prefixfree":"1","page":"css"}