Как сделать картинку посередине и рядом с текстом?

lanoti4461

New Member
Регистрация
26.04.2020
Сообщения
1
В результате моя иконка становится дальше от середины.
bad.png

Код на HTML
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
    <link rel="stylesheet" href="sources/main.css">
    <meta charset="UTF-8">
    <title>My company</title>
</head>
<body>
    <header>
        <div class="logo">
            <div class="text-logo">
                <h1 >My company</h1>
            </div>
                <div class="graphic-logo">
                    <a href="index.html"><img src="sources/Ico.jpg" alt="ico" height="50" ></a>
                </div>
           
        </div>
   
</body>
</html>
Код на CSS
CSS:
*{
    padding: 0;
    margin: 0;

}
a{
    text-decoration: none;
}

li{
    list-style: none;
}



.logo{
   
    background: #000;
}
.graphic-logo{
    box-sizing: border-box;
    padding-top: 5px;
    display: flex;
    justify-content: center;
}
.text-logo{
    float: left;
    padding: 0 20px 20px 0;
    display: inline;
    padding-left: 12px;
    color: #fff;
}
Буду признателен за помощь.
 

Вложения

  • 484,9 КБ Просмотры: 27

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Она становится посередине отведённого ей блока
1587943132492.png
 

sitequik

New Member
Регистрация
29.06.2020
Сообщения
2
Код:
<div class="logo">
   <div class="graphic-logo">
     <h1 >My company</h1>
     <a href="index.html"><img src="sources/Ico.jpg" alt="ico" height="50" ></a>
   </div>   
</div>
Стили:
Код:
.graphic-logo {
  width: 100%;
  text-align: center;
}
 

Thomas Bergersen

New Member
Регистрация
26.05.2022
Сообщения
9
<div class="logo">
<div class="graphic-logo">
<h1 >My company</h1>
<a href="index.html"><img src="sources/Ico.jpg" alt="ico" height="50" ></a>
</div>
</div>

Стили:
.graphic-logo {
width: 100%;
text-align: center;
}
 
Верх Низ