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>
  <head>
    <meta charset=utf-8 />
    <title>JS Bin</title>
  </head>
  <body>
    
    <div class="like-table">
      
      <div class="like-tr">
        <div class="like-th">1</div>
        <div class="like-th">22</div>
        <div class="like-th">3</div>
      </div>
      
      <div class="useless-div-1">
        <div class="useless-div-2">
          
          <div class="like-tr">
            <div class="like-td">111</div>
            <div class="like-td">2</div>
            <div class="like-td">3</div>
          </div>
          <div class="like-tr">
            <div class="like-td">11</div>
            <div class="like-td">2</div>
            <div class="like-td">333</div>
          </div>
                      
        </div>
      </div>
      
    </div>
​
  </body>
</html>
 
.like-table {
  width: 400px;  
  margin: 0 auto;
}
​
.like-th, .like-td {
  float: left;
  width: 200px;
  border: 1px solid gray;
  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
​
.like-tr:after {
  content: ' ';
  font: 0/0 a;
  display: block;
  clear: both;
}
​
.like-table .like-tr:first-child > * {
  border-bottom: 0;
}
​
.like-table .like-td:first-child,
.like-table .like-th:first-child {
  border-right: 0;  
  width: 100px;
}
​
.like-table .like-td:last-child,
.like-table .like-th:last-child {
  border-left: 0;
  width: 100px;
}
Output

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

Dismiss x
public
Bin info
qolamipro
0viewers