html - 間隔を削除し、div を垂直方向に揃えます

Question

ボックスを表示しようとしています：

• お互いに触れ合う
• すべてが親divの上部に接触するように垂直方向に整列します
• JavaScript なしでスライダーを保持する

コデペン

cell-spacing、vertical-align、border-spacing などを試してみましたが、それらを適用する方法を理解していないか、DOM で悪い方向に進んでいます。

なぜコードペンで？Bootstrap 2 のテーマを作成しています。

Answer 1

td要素にパディングが適用されているので、それを削除して設定しvertical-align: topます。

コデペン

CSS

td {
  padding: 0;
  vertical-align: top;
}