Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>body {min-width:960px;}
/*===========================================================================================
 *    Variable Grid System (Fluid Version).
 *    Learn more ~ http://www.spry-soft.com/grids/
 *    Based on 960 Grid System - http://960.gs/ & 960 Fluid - http://www.designinfluences.com/
 *    Licensed under GPL and MIT.
 *==========================================================================================*/
​
 /*=========================================================================
  *Container: width=960px;
  *Html Markup
  *     <div class="containerFluid12 clearfix">
  *                <div class="grid4">4</div>
  *                <div class="grid8">8</div>
  *     </div>
  *=========================================================================*/
  body {
    min-width: 960px;
  }
​
  .containerFluid12,
  .containerFluid16,
  .containerFluid24,
  .containerFluid32 {
      width: 92%;
      margin-left: 4%;
      margin-right: 4%;
  }
/*==========================================================================
 *container12:
 *Column width= 60px
 *Number of columns= 12px
 *Gutter width= 20px
 *Content width=940px
 *Full width=960px
 *=========================================================================*/
.containerFluid12 .grid1,
.containerFluid12 .grid2,
.containerFluid12 .grid3,
.containerFluid12 .grid4,
.containerFluid12 .grid5,
.containerFluid12 .grid6,
.containerFluid12 .grid7,
.containerFluid12 .grid8,
.containerFluid12 .grid9,
.containerFluid12 .grid10,
.containerFluid12 .grid11,
.containerFluid12 .grid12 {
     display:inline;
     float: left;
     position: relative;
     margin-left: 1%;
     margin-right: 1%;
     margin-left: 0.92%\9;
     margin-right: 0.92%\9;
     _margin-left: 0.8%;
     _margin-right: 0.8%;
}
​
.containerFluid12 .grid1 {
    width:6.333%;
}
​
.containerFluid12 .grid2 {
    width:14.667%;
}
​
.containerFluid12 .grid3 {
    width:23.0%;
}
​
.containerFluid12 .grid4 {
    width:31.333%;
}
​
.containerFluid12 .grid5 {
    width:39.667%;
}
​
.containerFluid12 .grid6 {
    width:48.0%;
}
​
.containerFluid12 .grid7 {
    width:56.333%;
}
​
.containerFluid12 .grid8 {
    width:64.667%;
}
​
.containerFluid12 .grid9 {
    width:73.0%;
}
​
.containerFluid12 .grid10 {
    width:81.333%;
}
​
.containerFluid12 .grid11 {
    width:89.667%;
}
​
.containerFluid12 .grid12 {
    width:98.0%;
}
/*==========================================================================
 *container16:
 *Column width= 40px
 *Number of columns= 16px
 *Gutter width= 20px
 *Content width=940px
 *Full width=960px
 *=========================================================================*/
.containerFluid16 .grid1,
.containerFluid16 .grid2,
.containerFluid16 .grid3,
.containerFluid16 .grid4,
.containerFluid16 .grid5,
.containerFluid16 .grid6,
.containerFluid16 .grid7,
.containerFluid16 .grid8,
.containerFluid16 .grid9,
.containerFluid16 .grid10,
.containerFluid16 .grid11,
.containerFluid16 .grid12,
.containerFluid16 .grid13,
.containerFluid16 .grid14,
.containerFluid16 .grid15,
.containerFluid16 .grid16,
.containerFluid16 .grid-one-third,
.containerFluid16 .grid-two-thirds {
     display:inline;
     float: left;
     position: relative;
     margin-left: 1%;
     margin-right: 1%;
     margin-left: 0.92%\9;
     margin-right: 0.92%\9;
     _margin-left: 0.8%;
     _margin-right: 0.8%;
 }
.containerFluid16 .grid1 {
    width:4.25%;
}
​
.containerFluid16 .grid2 {
    width:10.5%;
}
​
.containerFluid16 .grid3 {
    width:16.75%;
}
​
.containerFluid16 .grid4 {
    width:23.0%;
}
​
.containerFluid16 .grid-one-third {
  width: 31.333%;
}
.containerFluid16 .grid-two-thirds {
  width: 64.667%;
}
​
.containerFluid16 .grid5 {
    width:29.25%;
}
​
.containerFluid16 .grid6 {
    width:35.5%;
}
​
.containerFluid16 .grid7 {
    width:41.75%;
}
​
.containerFluid16 .grid8 {
    width:48.0%;
}
​
.containerFluid16 .grid9 {
    width:54.25%;
}
​
.containerFluid16 .grid10 {
    width:60.5%;
}
​
.containerFluid16 .grid11 {
    width:66.75%;
}
​
.containerFluid16 .grid12 {
    width:73.0%;
}
​
.containerFluid16 .grid13 {
    width:79.25%;
}
​
.containerFluid16 .grid14 {
    width:85.5%;
}
​
.containerFluid16 .grid15 {
    width:91.75%;
}
​
.containerFluid16 .grid16 {
    width:98.0%;
}
​
/*==========================================================================
 *container24:
 *Column width= 30px
 *Number of columns= 24px
 *Gutter width= 10px
 *Content width=950px
 *Full width=960px
 *=========================================================================*/
.containerFluid24 .grid1,
.containerFluid24 .grid2,
.containerFluid24 .grid3,
.containerFluid24 .grid4,
.containerFluid24 .grid5,
.containerFluid24 .grid6,
.containerFluid24 .grid7,
.containerFluid24 .grid8,
.containerFluid24 .grid9,
.containerFluid24 .grid10,
.containerFluid24 .grid11,
.containerFluid24 .grid12,
.containerFluid24 .grid13,
.containerFluid24 .grid14,
.containerFluid24 .grid15,
.containerFluid24 .grid16,
.containerFluid24 .grid17,
.containerFluid24 .grid18,
.containerFluid24 .grid19,
.containerFluid24 .grid20,
.containerFluid24 .grid21,
.containerFluid24 .grid22,
.containerFluid24 .grid23,
.containerFluid24 .grid24 {
     display:inline;
     float: left;
     position: relative;
     margin-left: 1%;
     margin-right: 1%;
     margin-left: 0.92%\9;
     margin-right: 0.92%\9;
     _margin-left: 0.8%;
     _margin-right: 0.8%;
 }
.containerFluid24 .grid1 {
    width:2.167%;
}
​
.containerFluid24 .grid2 {
    width:6.333%;
}
​
.containerFluid24 .grid3 {
    width:10.5%;
}
​
.containerFluid24 .grid4 {
    width:14.667%;
}
​
.containerFluid24 .grid5 {
    width:18.833%;
}
​
.containerFluid24 .grid6 {
    width:23.0%;
}
​
.containerFluid24 .grid7 {
    width:27.167%;
}
​
.containerFluid24 .grid8 {
    width:31.333%;
}
​
.containerFluid24 .grid9 {
    width:35.5%;
}
​
.containerFluid24 .grid10 {
    width:39.667%;
}
​
.containerFluid24 .grid11 {
    width:43.833%;
}
​
.containerFluid24 .grid12 {
    width:48.0%;
}
​
.containerFluid24 .grid13 {
    width:52.167%;
}
​
.containerFluid24 .grid14 {
    width:56.333%;
}
​
.containerFluid24 .grid15 {
    width:60.5%;
}
​
.containerFluid24 .grid16 {
    width:64.667%;
}
​
.containerFluid24 .grid17 {
    width:68.833%;
}
​
.containerFluid24 .grid18 {
    width:73.0%;
}
​
.containerFluid24 .grid19 {
    width:77.167%;
}
​
.containerFluid24 .grid20 {
    width:81.333%;
}
​
.containerFluid24 .grid21 {
    width:85.5%;
}
​
.containerFluid24 .grid22 {
    width:89.667%;
}
​
.containerFluid24 .grid23 {
    width:93.833%;
}
​
.containerFluid24 .grid24 {
    width:98.0%;
}
/*==========================================================================
 *container32:
 *Column width= 20px
 *Number of columns= 32px
 *Gutter width= 10px
 *Content width=950px
 *Full width=960px
 *=========================================================================*/
.containerFluid32 .grid1,
.containerFluid32 .grid2,
.containerFluid32 .grid3,
.containerFluid32 .grid4,
.containerFluid32 .grid5,
.containerFluid32 .grid6,
.containerFluid32 .grid7,
.containerFluid32 .grid8,
.containerFluid32 .grid9,
.containerFluid32 .grid10,
.containerFluid32 .grid11,
.containerFluid32 .grid12,
.containerFluid32 .grid13,
.containerFluid32 .grid14,
.containerFluid32 .grid15,
.containerFluid32 .grid16,
.containerFluid32 .grid17,
.containerFluid32 .grid18,
.containerFluid32 .grid19,
.containerFluid32 .grid20,
.containerFluid32 .grid21,
.containerFluid32 .grid22,
.containerFluid32 .grid23,
.containerFluid32 .grid24,
.containerFluid32 .grid25,
.containerFluid32 .grid26,
.containerFluid32 .grid27,
.containerFluid32 .grid28,
.containerFluid32 .grid29,
.containerFluid32 .grid30,
.containerFluid32 .grid31,
.containerFluid32 .grid32,
.containerFluid32 .grid-one-third,
.containerFluid32 .grid-two-thirds {
     display:inline;
     float: left;
     position: relative;
     margin-left: 1%;
     margin-right: 1%;
     margin-left: 0.92%\9;
     margin-right: 0.92%\9;
     _margin-left: 0.8%;
     _margin-right: 0.8%;
 }
.containerFluid32 .grid1 {
    width:1.125%;
}
​
.containerFluid32 .grid2 {
    width:4.25%;
}
​
.containerFluid32 .grid3 {
    width:7.375%;
}
​
.containerFluid32 .grid4 {
    width:10.5%;
}
​
.containerFluid32 .grid5 {
    width:13.625%;
}
​
.containerFluid32 .grid6 {
    width:16.75%;
}
​
.containerFluid32 .grid7 {
    width:19.875%;
}
​
.containerFluid32 .grid8 {
    width:23.0%;
}
​
.containerFluid32 .grid9 {
    width:26.125%;
}
​
.containerFluid32 .grid10 {
    width:29.25%;
}
​
.containerFluid32 .grid11 {
    width:32.375%;
}
​
.containerFluid32 .grid12 {
    width:35.5%;
}
​
.containerFluid32 .grid-one-third {
  width: 31.333%;
}
.containerFluid32 .grid-two-thirds {
  width: 64.667%;
}
.containerFluid32 .grid13 {
    width:38.625%;
}
​
.containerFluid32 .grid14 {
    width:41.75%;
}
​
.containerFluid32 .grid15 {
    width:44.875%;
}
​
.containerFluid32 .grid16 {
    width:48.0%;
}
​
.containerFluid32 .grid17 {
    width:51.125%;
}
​
.containerFluid32 .grid18 {
    width:54.25%;
}
​
.containerFluid32 .grid19 {
    width:57.375%;
}
​
.containerFluid32 .grid20 {
    width:60.5%;
}
​
.containerFluid32 .grid21 {
    width:63.625%;
}
​
.containerFluid32 .grid22 {
    width:66.75%;
}
​
.containerFluid32 .grid23 {
    width:69.875%;
}
​
.containerFluid32 .grid24 {
    width:73.0%;
}
​
.containerFluid32 .grid25 {
    width:76.125%;
}
​
.containerFluid32 .grid26 {
    width:79.25%;
}
​
.containerFluid32 .grid27 {
    width:82.375%;
}
​
.containerFluid32 .grid28 {
    width:85.5%;
}
​
.containerFluid32 .grid29 {
    width:88.625%;
}
​
.containerFluid32 .grid30 {
    width:91.75%;
}
​
.containerFluid32 .grid31 {
    width:94.875%;
}
​
.containerFluid32 .grid32 {
    width:98.0%;
}
​
/*===============================================================================
 * clear and clearfix => clear:both
 * clearLeft => clear:left
 * clearRiht => clear:rigth
 *===============================================================================*/
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow:hidden;
}
.clearfix {
  zoom: 1;
}
    .containerFluid12 {
        background: #FEFBF3;
    }
    .containerFluid12 div {
        background: none repeat scroll 0 0 #EEEEEE;
        border-radius: 3px 3px 3px 3px;
        line-height: 30px;
        min-height: 30px;
        text-align: center;
    }
    .containerFluid16 {
        background: #56644A;
    }
    .containerFluid16 div {
        background: none repeat scroll 0 0 #92C348;
        border-radius: 3px 3px 3px 3px;
        line-height: 30px;
        min-height: 30px;
        text-align: center;
    }
    .containerFluid24 {
        background: #56644A;
    }
    .containerFluid24 div {
        background: none repeat scroll 0 0 #BCDA86;
        border-radius: 3px 3px 3px 3px;
        line-height: 30px;
        min-height: 30px;
        text-align: center;
    }
    .containerFluid32 {
        background: #DA86bc;
    }
    .containerFluid32 div {
        background: none repeat scroll 0 0 #44A665;
        border-radius: 3px 3px 3px 3px;
        line-height: 30px;
        min-height: 30px;
        text-align: center;
    }
.mvm {
    margin-top: 15px;
    margin-bottom: 15px;
}
</style>
</head>
<body>
     <h1>Container12: Column width=60px  Number of columns=12  Gutter width=20px   Content width=940px  Full width=960px</h1>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid3">3</div>
        <div class="grid3">3</div>
        <div class="grid3">3</div>
        <div class="grid3">3</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid6">6</div>
        <div class="grid6">6</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid11">11</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid10">10</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid3">3</div>
        <div class="grid9">9</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid8">8</div>
    </div>
    <div class="containerFluid12 clearfix mvm">
        <div class="grid5">5</div>
        <div class="grid7">7</div>
    </div>
​
    <h1>Container16: Column width=60px  Number of columns=16  Gutter width=20px   Content width=940px  Full width=960px</h1>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid-one-third">1/3</div>
        <div class="grid-one-third">1/3</div>
        <div class="grid-one-third">1/3</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid-one-third">1/3</div>
        <div class="grid-two-thirds">2/3</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid6">6</div>
        <div class="grid6">6</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid8">8</div>
        <div class="grid8">8</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid15">15</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid14">14</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid3">3</div>
        <div class="grid13">13</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid12">12</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid5">5</div>
        <div class="grid11">11</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid6">6</div>
        <div class="grid10">10</div>
    </div>
    <div class="containerFluid16 clearfix mvm">
        <div class="grid7">7</div>
        <div class="grid9">9</div>
    </div>
​
    <h1>containerFluid24: Column width=30px  Number of columns=24  Gutter width=10px   Content width=950px  Full width=960px</h1>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid6">6</div>
        <div class="grid6">6</div>
        <div class="grid6">6</div>
        <div class="grid6">6</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid8">8</div>
        <div class="grid8">8</div>
        <div class="grid8">8</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid12">12</div>
        <div class="grid12">12</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid23">23</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid22">22</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid3">3</div>
        <div class="grid21">21</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid20">20</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid5">5</div>
        <div class="grid19">19</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid6">6</div>
        <div class="grid18">18</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid7">7</div>
        <div class="grid17">17</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid8">8</div>
        <div class="grid16">16</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid9">9</div>
        <div class="grid15">15</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid10">10</div>
        <div class="grid14">14</div>
    </div>
    <div class="containerFluid24 clearfix mvm">
        <div class="grid11">11</div>
        <div class="grid13">13</div>
    </div>
    <h1>containerFluid32: Column width=20px  Number of columns=32  Gutter width=10px   Content width=950px  Full width=960px</h1>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
        <div class="grid1">1</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
        <div class="grid2">2</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
        <div class="grid4">4</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid8">8</div>
        <div class="grid8">8</div>
        <div class="grid8">8</div>
        <div class="grid8">8</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid-one-third">1/3</div>
        <div class="grid-one-third">1/3</div>
        <div class="grid-one-third">1/3</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid-one-third">1/3</div>
        <div class="grid-two-thirds">2/3</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid16">16</div>
        <div class="grid16">16</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid1">1</div>
        <div class="grid31">31</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid2">2</div>
        <div class="grid30">30</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid3">3</div>
        <div class="grid29">29</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid4">4</div>
        <div class="grid28">28</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid5">5</div>
        <div class="grid27">27</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid6">6</div>
        <div class="grid26">26</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid7">7</div>
        <div class="grid25">25</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid8">8</div>
        <div class="grid24">24</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid9">9</div>
        <div class="grid23">23</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid10">10</div>
        <div class="grid22">22</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid11">11</div>
        <div class="grid21">21</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid12">12</div>
        <div class="grid20">20</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid13">13</div>
        <div class="grid19">19</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid14">14</div>
        <div class="grid18">18</div>
    </div>
    <div class="containerFluid32 clearfix mvm">
        <div class="grid15">15</div>
        <div class="grid17">17</div>
    </div>
</body>
</html>
 
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers