Programa Partidos del Mundial

Tablas responsive con display:inline-block

<!DOCTYPE html>
<html >
<head>
  <meta charset="UTF-8">
  <title>Programa Partidos del Mundial</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>
  <body>
  <header>
    <img src="http://img2.wikia.nocookie.net/__cb20100625154223/football/en/images/b/b7/Brasil_2014.png"/>
    <h2>Amigos del Mundial        <strong>2014</strong>
    </h2>
  </header>



  <table>
    <thead>
      <tr>
        <th COLSPAN=5>Quiniela No.1</th>
      <tr>
      <tr>
        <th>
          Juego
        </th>
         <th>
          Fecha
        </th>
        <th>
          Hora
        </th>
        <th COLSPAN=2>
          Equipo vs equipo
        </th>
        
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          1
        </td>
         <td>
          <time datetime="2014-06-12">12-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
        <td>
          BRASIL
        </td>        
        <td>
          CROACIA
        </td>
        
      </tr>
       <tr>
        <td>
          2
        </td>
         <td>
          <time datetime="2014-06-13">13-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          MÉXICO
        </td>        
        <td>
          CAMERÚN
        </td>
      </tr>
        <tr>
        <td>
          3
        </td>
         <td>
          <time datetime="2014-06-13">13-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          ESPAÑA
        </td>        
        <td>
          HOLANDA
        </td>
      </tr>
       <tr>
        <td>
          4
        </td>
         <td>
          <time datetime="2014-06-13">13-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          CHILE
        </td>        
        <td>
          AUSTRALIA
        </td>
      </tr>
       <tr>
        <td>
          5
        </td>
         <td>
          <time datetime="2014-06-14">14-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          COLOMBIA
        </td>        
        <td>
          GRECIA
        </td>
      </tr>
       <tr>
        <td>
          6
        </td>
         <td>
          <time datetime="2014-06-14">14-jun-14</time>
        </td>
         <td>
          <time>20:00 HRS</time> 
        </td>
       <td>
          C. DE MARFIL
        </td>        
        <td>
          JAPÓN
        </td>
      </tr>
        <tr>
        <td>
          7
        </td>
         <td>
          <time datetime="2014-06-14">14-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
        <td>
          URUGUAY
        </td>        
        <td>
          COSTARICA
        </td>
      </tr>
       <tr>
        <td>
          8
        </td>
         <td>
          <time datetime="2014-06-14">14-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
         <td>
          INGLATERRA
        </td>        
        <td>
          ITALIA
        </td>   
      </tr>
      <tr>
        <td>-</td>
        <td>-</td>
        <td>-</td>
        <td>-</td><td>-</td>
      </tr>
    </tbody>
  </table>




  <table>
    <thead>
      <tr>
        <th COLSPAN=5>Quiniela No.2</th>
      <tr>
      <tr>
        <th>
          Juego
        </th>
         <th>
          Fecha
        </th>
        <th>
          Hora
        </th>
        <th COLSPAN=2>
          Equipo vs equipo
        </th>
        
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          9
        </td>
         <td>
          <time datetime="2014-06-12">15-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          SUIZA
        </td>        
        <td>
          ECUADOR
        </td>
        
      </tr>
       <tr>
        <td>
          10
        </td>
         <td>
          <time datetime="2014-06-13">15-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          FRANCIA
        </td>        
        <td>
          HONDURAS
        </td>
      </tr>
        <tr>
        <td>
          11
        </td>
         <td>
          <time datetime="2014-06-13">15-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          ARGENTINA
        </td>        
        <td>
          BOSNIA-HERZ
        </td>
      </tr>
       <tr>
        <td>
          12
        </td>
         <td>
          <time datetime="2014-06-13">16-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          IRAN
        </td>        
        <td>
          NIGERIA
        </td>
      </tr>
       <tr>
        <td>
          13
        </td>
         <td>
          <time datetime="2014-06-14">16-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          ALEMANIA
        </td>        
        <td>
          PORTUGAL
        </td>
      </tr>
       <tr>
        <td>
          14
        </td>
         <td>
          <time datetime="2014-06-14">16-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          GHANA
        </td>        
        <td>
          U.S.A
        </td>
      </tr>
        <tr>
        <td>
          15
        </td>
         <td>
          <time datetime="2014-06-14">15-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          BELGICA
        </td>        
        <td>
          ARGELIA
        </td>
      </tr>
       <tr>
        <td>
          16
        </td>
         <td>
          <time datetime="2014-06-14">17-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
         <td>
          BRASIL
        </td>        
        <td>
          MÉXICO
        </td>
      </tr>
       <tr>
        <td>
          17
        </td>
         <td>
          <time datetime="2014-06-14">17-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
         <td>
          RUSIA
        </td>        
        <td>
          REP. COREA
        </td>
      </tr>
    </tbody>
  </table>




    <table>
    <thead>
      <tr>
        <th COLSPAN=5>Quiniela No.3</th>
      <tr>
      <tr>
        <th>
          Juego
        </th>
         <th>
          Fecha
        </th>
        <th>
          Hora
        </th>
        <th COLSPAN=2>
          Equipo vs equipo
        </th>
        
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          18
        </td>
         <td>
          <time datetime="2014-06-12">18-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          AUSTRALIA
        </td>        
        <td>
          HOLANDA
        </td>
        
      </tr>
       <tr>
        <td>
          19
        </td>
         <td>
          <time datetime="2014-06-13">18-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          ESPAÑA
        </td>        
        <td>
          CHILE
        </td>
      </tr>
        <tr>
        <td>
          20
        </td>
         <td>
          <time datetime="2014-06-13">18-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          CAMERUN
        </td>        
        <td>
          CROACIA
        </td>
      </tr>
       <tr>
        <td>
          21
        </td>
         <td>
          <time datetime="2014-06-13">19-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          COLOMBIA
        </td>        
        <td>
          C. DE MARFIL
        </td>
      </tr>
       <tr>
        <td>
          22
        </td>
         <td>
          <time datetime="2014-06-14">19-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          URUGUAY
        </td>        
        <td>
          INGLATERRA
        </td>
      </tr>
       <tr>
        <td>
          23
        </td>
         <td>
          <time datetime="2014-06-14">19-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          JÁPÓN
        </td>        
        <td>
          GRECIA
        </td>
      </tr>
        <tr>
        <td>
          24
        </td>
         <td>
          <time datetime="2014-06-14">20-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          ITALIA
        </td>        
        <td>
          COSTA RICA
        </td>
      </tr>
       <tr>
        <td>
          25
        </td>
         <td>
          <time datetime="2014-06-14">20-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
         <td>
          SUIZA
        </td>        
        <td>
          FRANCIA
        </td>
      </tr>
       <tr>
        <td>
          26
        </td>
         <td>
          <time datetime="2014-06-14">20-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
         <td>
          HONDURAS
        </td>        
        <td>
          ECUADOR
        </td>
      </tr>
       <tr class="ultimo_renglon">
        <td>-</td>
        <td>-</td><td>-</td><td>-</td><td>-</td>
      </tr>
    </tbody>
  </table>




    <table>
    <thead>
      <tr>
        <th COLSPAN=5>Quiniela No.4</th>
      <tr>
      <tr>
        <th>
          Juego
        </th>
         <th>
          Fecha
        </th>
        <th>
          Hora
        </th>
        <th COLSPAN=2>
          Equipo vs equipo
        </th>
        
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          27
        </td>
         <td>
          <time datetime="2014-06-12">21-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          ARGENTINA     
        </td>        
        <td>
          IRÁN
        </td>
        
      </tr>
       <tr>
        <td>
          28
        </td>
         <td>
          <time datetime="2014-06-13">21-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          ALEMANIA
        </td>        
        <td>
          GHANA
        </td>
      </tr>
        <tr>
        <td>
          29
        </td>
         <td>
          <time datetime="2014-06-13">21-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          NIGERIA
        </td>        
        <td>
          BOSNIA-HERZ
        </td>
      </tr>
       <tr>
        <td>
          30
        </td>
         <td>
          <time datetime="2014-06-13">22-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          BÉLGICA
        </td>        
        <td>
          RUSIA
        </td>
      </tr>
       <tr>
        <td>
          31
        </td>
         <td>
          <time datetime="2014-06-14">22-jun-14</time>
        </td>
         <td>
          <time>14:00 HRS</time> 
        </td>
       <td>
          REP. COREA
        </td>        
        <td>
          ARGELIA
        </td>
      </tr>
       <tr>
        <td>
          32
        </td>
         <td>
          <time datetime="2014-06-14">22-jun-14</time>
        </td>
         <td>
          <time>17:00 HRS</time> 
        </td>
       <td>
          U.S.A
        </td>     
        <td>
          PORTUGAL
        </td>
      </tr>
        <tr>
        <td>
          33
        </td>
         <td>
          <time datetime="2014-06-14">23-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          AUSTRALIA
        </td>        
        <td>
          ESPAÑA
        </td>
      </tr>
       <tr>
        <td>
          34
        </td>
         <td>
          <time datetime="2014-06-14">23-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
         <td>
          HOLANDA
        </td>        
        <td>
          CHILE
        </td>
      </tr>
         <tr>
        <td>
          35
        </td>
         <td>
          <time datetime="2014-06-14">23-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
         <td>
          CAMERÚN
        </td>        
        <td>
          BRASIL
        </td>
      </tr>
         <tr>
        <td>
          36
        </td>
         <td>
          <time datetime="2014-06-14">23-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
         <td>
          CROACIA
        </td>        
        <td>
          MÉXICO
        </td>
      </tr>
    </tbody>
  </table>




    <table>
    <thead>
      <tr>
        <th COLSPAN=5>Quiniela No.5</th>
      <tr>
      <tr>
        <th>
          Juego
        </th>
         <th>
          Fecha
        </th>
        <th>
          Hora
        </th>
        <th COLSPAN=2>
          Equipo vs equipo
        </th>
        
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>
          37
        </td>
         <td>
          <time datetime="2014-06-12">24-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
        <td>
          ITALIA
        </td>        
        <td>
          URUGUAY
        </td>
        </tr>
       <tr>
        <td>
          38
        </td>
         <td>
          <time datetime="2014-06-13">24-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          COSTA RICA
        </td>        
        <td>
          INGLATERRA
        </td>
      </tr>
        <tr>
        <td>
          39
        </td>
         <td>
          <time datetime="2014-06-13">24-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
       <td>
          JAPÓN
        </td>        
        <td>
          COLOMBIA
        </td>
      </tr>
       <tr>
        <td>
          40
        </td>
         <td>
          <time datetime="2014-06-13">24-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
       <td>
          GRECIA
        </td>        
        <td>
          C. DE MARFIL
        </td>
      </tr>
       <tr>
        <td>
          41
        </td>
         <td>
          <time datetime="2014-06-14">25-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          NIGERIA
        </td>        
        <td>
          ARGENTINA
        </td>
      </tr>
       <tr>
        <td>
          42
        </td>
         <td>
          <time datetime="2014-06-14">25-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
       <td>
          BOSNIA-HERZ
        </td>        
        <td>
          IRÁN
        </td>
      </tr>
        <tr>
        <td>
          43
        </td>
         <td>
          <time datetime="2014-06-14">25-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
        <td>
          HONDURAS
        </td>        
        <td>
          SUIZA
        </td>
      </tr>
       <tr>
        <td>
          44
        </td>
         <td>
          <time datetime="2014-06-14">25-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
         <td>
          ECUADOR
        </td>       
        <td>
          FRANCIA
        </td>
      </tr>
        <tr>
        <td>
          45
        </td>
         <td>
          <time datetime="2014-06-14">26-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
         <td>
          U.S.A
        </td>       
        <td>
          ALEMANIA
        </td>
      </tr>
        <tr>
        <td>
          46
        </td>
         <td>
          <time datetime="2014-06-14">26-jun-14</time>
        </td>
         <td>
          <time>11:00 HRS</time> 
        </td>
         <td>
          PORTUGAL
        </td>       
        <td>
          GHANA
        </td>
      </tr>
        <tr>
        <td>
          47
        </td>
         <td>
          <time datetime="2014-06-14">26-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
         <td>
          REP. COREA
        </td>       
        <td>
          BÉLGICA
        </td>
      </tr>
        <tr>
        <td>
          48
        </td>
         <td>
          <time datetime="2014-06-14">26-jun-14</time>
        </td>
         <td>
          <time>15:00 HRS</time> 
        </td>
         <td>
          ARGELIA
        </td>       
        <td>
          RUSIA
        </td>
      </tr>
    </tbody>
  </table>




 
</body>
  
  
</body>
</html>
/* Downloaded from https://www.codeseek.co/ */
body, table, th, tbody, td, thead, header {
  padding: .1em;
  border-radius: .2em;
  font: normal 1em/1.4 Tahoma, Verdana, Segoe, sans-serif;
}
tbody {
    box-shadow: inset 0px 1px 2px #568ebd;
}
body {
  background: #46a50d;
  border:none;
  text-align:center;
}
table {
  display: inline-block;
  vertical-align : top;
  background: #fff;
  margin: .5em;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.ultimo_renglon {
 
}

header h2, img {
  display: inline-block;
}

header {
   overflow:hidden; 
   margin: 0 0 2em 0;
}
header h2 {
    color:#348505;
    background:#fff;
    padding: .5em 1em;
}
img {
  float:left;
  margin: 1em;
  width: 25%;
}


@media  (min-width: 1307px) {
  .ultimo_renglon {
    display:none;
  }
}
/* Downloaded from https://www.codeseek.co/ */

This awesome code ( Programa Partidos del Mundial ) is write by Víctor Julián, you can se more from this user in the personal repository

You can find the original code on Codepen.io

2018 © Víctor Julián