Por algum motivo meu código

Por algum motivo meu código "banner.jpg" fica com essas barra _________ em baixo dele, não consigo detectar qual é o problema o que está me impedindo de colocar ele em 100%

<!DOCTYPE html> <html lang="pt-br"> <head> <title>Barbearia Alura</title> <meta charset="UTF-8"> <link rel="styleSheet" href="style.css"> </head> <body> <img src="banner.jpg"> <h1>Sobre a Barbearia Alura</h1> Localizada no coração da cidade a Barbearia Alura traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia. Nossa missão é: "Proporcionar auto-estima e qualidade de vida aos clientes". Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes. </body> </html>

Oi Rômulo.

Tudo bem ?

Então você poderia colocar o seu CSS aqui, para vermos se pode ser ele o problema ?

Em todo caso aqui vai uma sugestão de alteração ao seu código HTML:

<h1>Sobre a Barbearia Alura</h1>

        <p>Localizada no coração da cidade a <strong>Barbearia Alura</strong> traz para o mercado o que há de melhor para o seu cabelo e barba. Fundada em 2019, a Barbearia Alura já é destaque na cidade e conquista novos clientes a cada dia.</p>

<p id="missao"> <em>Nossa missão é:<strong> "Proporcionar auto-estima e qualidade de vida aos clientes"</strong>.</em></p>

        <p>Oferecemos profissionais experientes e antenados às mudanças no mundo da moda. O atendimento possui padrão de excelência e agilidade, garantindo qualidade e satisfação dos nossos clientes.</p>

`

Espero te conseguido ajudar :D .

Mergulhe em programação