Imagem com espaço no border

[Lmdpires 0]

Olá tenho uma imagem num site com border, só que aparece um espaço na parte inferior da imagem que n percebo porque está a aparecer.

 

O código CSS é o seguinte:

.vencedor_comp_futebol  {
  float: right;
  margin: 20px 0 0 20px;
  border: 2px solid #FFBF00;  
}

 

A imagem q aparece no site está em anexo.

 

Podem ajudar-me?

[Omar~ 87]

Sem o html é difícil precisar uma resposta.

Pode ser que a imagem tenha height inline que não é do mesmo tamanho do bloco.

Pode ser um espaço em caractere dentro da tag figure (se foi usada).

Pode ser outro bloco se sobrepondo.

Pode ser outras questões do css sobrepondo.

Pode ser propriedade float não foi devidamente encerrada.

Pode ser a própria imagem que tenha essa linha preta no fim

 

Clique com o botão direito do mouse sobre a imagem e selecionar "inspecionar elemento" (Use o Mozila Firefox) então faça uma análise nas definições da imagem e seus parentes que você poderá encontrar a raiz do problema.

 

Porque pelo css postado não há esse tipo de anomalia. (isso se a imagem recebe o classificador vencedor_comp_futebol)

De qualquer forma só com o html para reproduzir a página e analisar o que está causando isso.

Se o website está no ar com essa questão basta informar seu endereço.

 

[Lmdpires 0]

Obrigado pela resposta. Depois de pesquisar um display:flex resolveu o problema.

 

ficou assim o código CSS:

 

.vencedor_comp_futebol  {
  float: right;
  margin: 20px 0 0 20px;
  border: 2px solid #FFBF00;  
  display:flex; 
}

 

Obrigado mais uma vez.