Добро пожаловать на ИТ форум!

После быстрой регистрации у вас будет возможность участвовать в дискуссиях, создавать новые посты, и еще много чего.

Регистрация

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

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 КБ Просмотры: 1

BaNru

Пацифизжу
Регистрация
13.11.2010
Сообщения
3 900
Она становится посередине отведённого ей блока
1587943132492.png
 
Верх Низ