У меня есть тег, который называется и между ними, у меня есть видео. Видео занимает около 65% экрана. Теперь в оставшемся пространстве я хотел бы отложить в сторону все еще в тегах. Я также хотел бы, чтобы в стороне была граница (которую я знаю, как это сделать). Моя проблема здесь в том, что я могу отложить в сторону. Это то, что у меня есть в базовом формате: <section> <video> MY VID's info </video> <aside> my aside </aside> </section>
И в моем CSS у меня есть что-то вроде: section video{ width: 65%; } section aside{width: 30%;}
Теперь, когда я запускаю этот код, я получаю видео и в сторону, но они не рядом друг с другом. Видеоролик находится в области <section>
, а <aside>
находится прямо между <section>
и <footer>
. Не рядом с видео. Поэтому, если вы запустили код, вы увидите видео и большое и пустое пространство рядом с ним. И тогда в стороне будет то место, которое я описал ранее. Может ли кто-нибудь помочь мне узнать, как я должен составить свой код, чтобы получить желаемый результат? Заранее спасибо!Как разместить два объекта рядом друг с другом в HTML?
0
A
ответ
0
Добавить свойство float в тег видео. Дайте float: left. Это поможет вам достичь того, чего вы хотите.
+0
Хорошо, я попробую это. Спасибо. – TechWiz77
+0
Умм, точно, как я получил это в теге видео? Я делаю это: '
+0
В вашем css, где у вас есть видео раздела {width: 65%; } добавить float: left; поэтому css теперь становится секционным видео {width: 65%; float: left;} –
Смежные вопросы
- 1. Как разместить 3 объекта рядом друг с другом в HTML
- 2. CSS/HTML Как разместить два блока рядом друг с другом
- 3. Как разместить два изображения рядом друг с другом В заголовке
- 4. Как разместить ImageViews рядом друг с другом
- 5. Как разместить два divs в блоках рядом друг с другом
- 6. Как разместить изображения рядом друг с другом
- 7. Как разместить два JMenuItems рядом друг с другом?
- 8. Как разместить изображения рядом друг с другом
- 9. Как разместить CardViews рядом друг с другом?
- 10. Совместите два изображения рядом друг с другом
- 11. Поместите два изображения рядом друг с другом
- 12. Извлеките два объекта рядом друг с другом в Django
- 13. сделать два стола рядом друг с другом
- 14. два TextView рядом друг с другом
- 15. Поместите два бита HTML рядом друг с другом
- 16. Ионные два изображения рядом друг с другом
- 17. пресловутые два Div рядом друг с другом
- 18. Два прядильщика рядом друг с другом
- 19. два видео рядом друг с другом
- 20. Попытка получить два входа HTML рядом друг с другом
- 21. Как разместить divs рядом друг с другом в почтовом теле?
- 22. Как разместить текст, заключенный в divs рядом друг с другом?
- 23. как разместить текст и вкладку навигации рядом друг с другом
- 24. Как разместить два холста рядом друг с другом и над третьим
- 25. Как разместить поля поля yii2 рядом друг с другом
- 26. Как разместить 3 разных абзаца рядом друг с другом?
- 27. Как разместить 2 фрейма рядом друг с другом?
- 28. Как разместить div со 100% шириной рядом друг с другом
- 29. как разместить такую же серию Highcharts рядом друг с другом
- 30. Как устроить два div рядом друг с другом?
Вопросы, требующие помощи по отладке («почему этот код не работает?») Должны включать в себя желаемое поведение, конкретную проблему или ошибку и кратчайший код, необходимый для его воспроизведения ** в самом вопросе **. См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –
Дубликат - http://stackoverflow.com/questions/5803023/how-to- place-two-divs-next-to-each-other? rq = 1 –
Здравствуйте, Paulie_D У меня есть мое желаемое поведение, и я хочу, чтобы мое видео и в сторону были рядом друг с другом. Моя особая проблема в том, что, когда я пытаюсь поставить их рядом друг с другом, в стороне всегда заканчивается раздел. Что касается воспроизведения моего кода, это то, что у меня есть, если только вам не требуется фактическое имя видео, которое не будет работать, потому что вы не используете мой компьютер. Я посмотрю на дубликат. – TechWiz77