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

lanoti4461 · 26.04.2020

В результате моя иконка становится дальше от середины.

Код на 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;
}

Буду признателен за помощь.

BaNru · 27.04.2020

Она становится посередине отведённого ей блока

sitequik · 29.06.2020

Код:

<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 · 26.05.2022

<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;
}

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

lanoti4461

New Member

Вложения

BaNru

Пацифизжу

sitequik

New Member

Thomas Bergersen

New Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей