イメージとテキストとのギャップ

Question

私はこのページで作業しています.2番目の「エントリ」に示すように、H2とイメージの間にはギャップがありますが、他のギャップはありません。

ウェブページ：http://sim.rgmgleague.com/cap/trades.php

私は理由を把握するように見えることはできません。

Answer 1

クラス.teambannerにfloat:rightを追加し、下マージン

.teambanner { 
    /* margin-bottom: 70px; */ 
    float: right; 
} 

Answer 2

CSSを追加

.teambanner{ 
    display: flex; 
    margin: 0; 
    justify-content: flex-end; 
} 

OR

.teambanner{ 
    float: right; 
    margin: 0; 
} 

Answer 3

このCSS

を追加、削除

.team_1_h2 { 
    margin-right: 10px; 
    float: left; 
    line-height: 0px; 
} 

.team_2_h2 { 
    margin-right: 10px; 
    float: left; 
    line-height: 0px; 
} 

Answer 4

.team_2_logo { 
    /* float: right; comment this float out!*/ 
    height: 40px; 
}