rolomcflurry
rolomcflurry

Reputation: 117

Gap between image and text

I'm working on this page, and as you can see on the second "entry", there is a gap between the H2 and the image, but not the others.

Webpage: http://sim.rgmgleague.com/cap/trades.php

problem

I can't seem to figure out why.

Upvotes: 0

Views: 102

Answers (4)

Smit
Smit

Reputation: 2148

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

Upvotes: 1

Vel
Vel

Reputation: 9342

Add this css

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

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

Upvotes: 1

Syam Pillai
Syam Pillai

Reputation: 5227

add css

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

OR

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

Upvotes: 1

Minal Chauhan
Minal Chauhan

Reputation: 6158

Add float:right to the class .teambanner and remove the bottom margin

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

Upvotes: 3

Related Questions