幅

Question

私は両方のクラスが互いに並んで実行する2つのセクションに半分にこのポストを分割しようとして働いていない属性 - http://launique.co.uk/services-test/

しかし、残念なことにのみ.card-picture幅に付着しているようだが：50 ％属性ですが、クラス.card-textではありません。

事前に感謝の意を表します。

Answer 1

当初はちょうど同じく.card-picture

.card-text { width: 50%; float: left; } 

.card-picture { width: 50%; float: left; } 

.card-pictureのマージンとパディングを調整するのパディングとマージンを取り除くだけでなく幅

Answer 2

として私は両方の要素の幅を変更することをお勧め：

width: calc(50% - 140px) 

これは、要素の幅が動的に調整されることを意味し、マージンとパディングの問題を修正します。