0

Как поместить текст чуть выше, как показано на втором примере? Только учу HTML, весь интернет облазил. Стоит ли прибегать к использованию таблиц?

.class2{
    width: 300px;
    background-color: #262425;
    font-size: 12px;
    padding: 10px 20px 1px 10px;
    margin: 110px 35px 1px 35px;
}
#n3{
    float: left; /* Обтекание картинки текстом */
}
#n4{
    font-family: arial black;
    font-size: 24px;
    margin-left: 10px; /* Отступ от левого края */
    color: white;
}
<div class="class2"><img id="n3" src="oblogka2.jpeg" wight="-80" height="220" alt="oblogka2"><p id="n4">Metro 4</p></div>

примеры

1
  • 1
    Обнулите margin, в частности margin-top
    – andreymal
    2 янв 2022 в 12:32

2 ответа 2

0

.class2 {
  width: 300px;
  background-color: #262425;
  font-size: 12px;
  padding: 10px 20px 1px 10px;
  margin: 110px 35px 1px 35px;
}

#n3 {
  float: left;
}

#n4 {
  font-family: arial black;
  font-size: 24px;
  margin-left: 10px;
  margin-top: 0;
  color: white;
}
<div class="class2">
  <img id="n3" src="oblogka2.jpeg" wight="-80" height="220" alt="oblogka2">
  <p id="n4">Metro 4</p>
</div>

0

Добавьте свойство margin-top в элементе #n4. Попробуйте поставить margin-top: 0

2
  • Тот отступ будет касаться родительского блока, а не текста.
    – entithat
    2 янв 2022 в 12:41
  • @entithat, изменил, сразу не заметил 2 янв 2022 в 12:43

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.