Текст не отображается, когда я добавляю еще один div

Я хочу показать текст справа от изображения, и мне это удалось, но когда я добавляю еще один div для границы, текст не отображается, он как бы невидим, но все еще занимает свое место. Я пробовал, но не могу понять проблема здесь вы можете увидеть предварительный просмотр в реальном времени https://jsfiddle.net/Ldu91at2/ А вот код перед добавлением основного div для границы: -

<div  style="display:inline-block; min-width:6.2cm; height:8.8cm; align: center;vertical-align: middle;" >
    
  <img src="https://www.asurascans.com/wp-content/uploads/2020/10/56953.jpg" style="height:100%;">
</div>

<div style="display:inline-block;vertical-align: top;">
  <span id="title">advertishement</span> 
</div>

«Я хочу, чтобы текст отображался справа от изображения»: float:right

mardubbles 10.04.2022 05:40

@mardubbles, пожалуйста, проверьте jsfiddle.net/Ldu91at2

Gaito Uchiha 10.04.2022 05:53
.cont в css влияет на цвет текста. используйте проверку браузера, чтобы найти проблему
DohaHelmy 10.04.2022 06:01
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Стилизация и валидация html-формы без использования JavaScript (только HTML/CSS)
Будучи разработчиком веб-приложений, легко впасть в заблуждение, считая, что приложение без JavaScript не имеет права на жизнь. Нам становится удобно...
Введение в технологический стек Twitch
Введение в технологический стек Twitch
В этой статье мы подробно рассмотрим стек Twitch, который подразделяется на следующий набор технологий:
8 полезных HTML-тегов, которые лучше использовать вместо <div>
8 полезных HTML-тегов, которые лучше использовать вместо <div>
Когда я только начинал изучать html, я использовал div для всего, это был один из первых тегов, которые я выучил, и казалось, что он работает в любой...
HTML5: API локального хранилища (Local Storage)
HTML5: API локального хранилища (Local Storage)
LocalStorage - это простой способ хранения данных в браузере пользователя.
Доступность HTML - программирование с инклюзивной перспективой
Доступность HTML - программирование с инклюзивной перспективой
Представьте, что вы хотите поехать на пляж. Представьте, что вы упорно трудились весь год и заслужили это. Прибыв на место, вы обнаруживаете, что...
Именование классов CSS: Конвенция именования BEM
Именование классов CSS: Конвенция именования BEM
Сопровождаемость кода, сама по себе, является пульсирующим эффектом нескольких факторов. Когда часть программного обеспечения читабельна, ясна,...
2
3
47
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Это стиль css, который вы используете для .cont div.

.cont{
    width:fit-content;
    border: 1px solid #eee;
    padding: 10px;
    color: #fff;
 }

color: #fff;

правило делает ваш текст белым, таким образом, невидимым на белом фоне. Попробуйте удалить его или использовать другой цвет. Код ниже будет работать.

   .cont{
    width:fit-content;
    border: 1px solid #eee;
    padding: 10px;
 }

Эй, братан, можешь помочь еще с чем-нибудь? Как будто текст не реагирует, я хочу, чтобы он разбивался в соответствии с шириной div, но не ломался

Gaito Uchiha 10.04.2022 07:05

@GaitoUchiha извините за поздний ответ. Я не уверен, что понимаю ваш вопрос. Вы хотите, чтобы текст соответствовал with div или? Вы можете проверить ответ, предоставленный здесь: stackoverflow.com/questions/46410627/…

narravabrion 10.04.2022 12:54

Это решено, братан, спасибо за ответ

Gaito Uchiha 10.04.2022 12:56

Теперь я застрял в проблеме cors, знаете ли вы какой-нибудь способ предотвратить это?

Gaito Uchiha 10.04.2022 12:57

@GaitoUchiha, можете ли вы опубликовать свою ошибку и что именно вы пытаетесь сделать, чтобы я мог воспроизвести ошибку с моей стороны?

narravabrion 10.04.2022 12:58

Уже разместил вопрос, пожалуйста, посмотрите stackoverflow.com/q/71814914/18445889

Gaito Uchiha 10.04.2022 13:25

Другие вопросы по теме