HTML текст справа от текста

Question

Допустим у меня слева располагается логотип+заголовочный текст. Справа на ток же строке хочу написать телефон и адрес. Как это сделать?

Answer 1

.top {
  display: flex;
}

.logo {
  margin-right: 10px;
}

img {
  border-radius: 50%;
}

.device {
  text-align: center;
}

<div class="top">
  <div class="logo">
    <img src="http://placehold.it/100" alt="">
    <div class="device">lorem ipsum</div>
  </div>
  <div class="phone">
    <p>+88007007080</p>
    <p>[email protected]</p>
  </div>
</div>

Answer 2

если правильно понял

ul.hr {
  margin: 0;
  padding: 4px;
  width: 100%;
  display: flex;
  align-items: center;
}

ul.hr li {
  display: inline;
  margin-right: 5px;
  padding: 3px;
}

<body>
  <ul class="hr">
    <li><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/NASA_logo.svg/200px-NASA_logo.svg.png"></li>
    <li>Номер телефона и адресс</li>
  </ul>
</body>

Answer 3

<nav>
    <div class="left">
        <img src="#" alt="LOGO">
        <h1>Brand</h1>
    </div>
    <div class="right">
        <p>phone</p>
        <p>adress</p>
    </div>
</nav>

nav {
    display: flex;
    justify-content: space-between;
}

Answer 4

Даже с текущей вёрсткой, левый и правый блоки должны разойтись по сторонам. Если этого по какой-то причине не произошло, попробуйте явно указать flex-direction:

nav {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

Если же вы хотели чтобы правый блок был сразу после левого, то удалите justify-content.

Если ничего из этого не дало ответ на ваш вопрос, то сформулируйте его по-другому потому что не совсем понятно что вы ожидаете увидеть, и что получается.

БЛОГ НА HUSL

HTML текст справа от текста

Ответы (4 шт):