実践で学ぶRuby on rails 〜仮説千本ノック〜

プログラマーとして独立するため日々スキルアップに励んでいます。優れたプログラマは仮説を立てるのがうまい。そこを目指して仮説を立てては検証する日々です!!

applestoreとgoogleplayバッジを横に並べて配置したい

やりたいこと

applestoreとgoogleplayの二つのバッジを横に並ベて配置したい。

 

問題点

googleplayのバッジは、周辺に余白を伴うため、両者のバッジ部分のサイズが同じであっても、余白の分ずれる。

 

 解決方法

テーブルを使い、二つのバッジを同一のtrのtdにそれぞれ収める。

同一tr内のtd同士は高さが同じになり、td内容の要素は縦方向に中央揃えとなる結果、バッジ部分のサイズさえ同じなら、片方のバッジがその外側に余白を伴おうと、バッジ部分の位置は揃えられる。