インラインブロック、私はトラブル私のdivは水平に並ぶようになってを抱えている

Question

並んでいません。

ここに私のhtmlドキュメントです：https://gist.github.com/Keenangp/9def2bd08eb6244bcf2d 私はあまりにもスタイルシートを掲示するのに十分な担当者を持っていないが、それは行く：

.container { 
    width: 80%; 
    margin: auto; 
    } 
.column { 
    display:inline-block 
    } 
.image { 
    display:inline-block 
    } 

はこちらのページです：keenansportfolio.bitballoon.com/about

ここで、以前のソリューションを通過しながら、私が試したいくつかの点：

私はクロームのdevのツールにdivをチェックすると、私はインラインブロックプロパティがAPPLされていることがわかりコンソールにエラーはありません。コンテナルールを削除して、コンテナdivを削除しようとしました。他のdivは入れ子になっていません。私は小さな画像を使用してプロパティをfloat：leftと組み合わせて、セレクタとしてclass> direct子孫をインラインブロックに適用しようとしました。私はまた、単独で各DIVを試みたが、垂直整列適用している：場合にベースラインがそれを妨害し、そして異なるブラウザで開くトッププロパティ。

これは運動のためである、と私は他の値を編集したり、他のプロパティを追加するように言われませんでした。私はちょっと困っている。

Answer 1

あなたは、私はそれが正しい取得する場合の行の3つの列を整列します。あなたがそれらの各列と和の幅を設定する必要が

は、コンテナの幅を超えることが想定されていません。 3つの列すべての幅（例：32％）を設定し、幅の合計がコンテナの値を超えても揃えたい場合は、このプロパティをコンテナに追加します。ホワイトスペース：nowrap。

Answer 2

あなたは、「画像」のための「divの幅」、「列」のクラスを設定する必要があります。たとえば、

.image, .column 
    { 
    display: inline-block; 
    width: 30%; 
    }