Как разместить мой текст в верхней части div, а не внизу? - PullRequest
Новая
       0

Как разместить мой текст в верхней части div, а не внизу?

0 голосов
/ 23 сентября 2019

Прямо сейчас это просто идет ко дну.Вот мой код: 

<div class="container">
  <h1 class="text-center">Machine Learning and Development</h1>
  <div style="text-align: left;">
    <!-- <video autoplay muted src="yoda.mp4" width="700px" align="right" loop preload="metadata"></video> -->
    <img src="https://via.placeholder.com/700x400?text=Placeholder+Video" />
  </div>
</div>

Я хочу, чтобы текст был в тексте, но вместо этого он идет здесь.(см. изображение):
(see image)

Ссылка на мой HTML и CSS: https://codeshare.io/5XqAeE

Ответы [ 2 ]

0 голосов
/ 23 сентября 2019

Просто посмотрите приведенный ниже пример такой же, как ваш: 

<!DOCTYPE html>
<head>
    <style>
    img {
      float: left;
    }
    </style>
</head>

<body>
    <div class="container">
      <h1 class="text-center">Machine Learning and Development</h1>
      <div >
        Hello
        <!-- <video autoplay muted src="yoda.mp4" width="700px" align="right" loop preload="metadata"></video> -->
        <img src="your_image_path_will_go_here" style="width:300px;height:300px;margin-left:15px;"/>
      </div>
    </div>
</body>

0 голосов
/ 23 сентября 2019

Предполагая, что «Машинное обучение и развитие» - это текст, который вы хотите расположить вверху над видео, вы можете использовать flexbox для этого! 

<div class="container">
  <h1 class="text-center">Machine Learning and Development</h1>
  <div style="text-align: left;">
    <video autoplay muted src="yoda.mp4" width="700px" align="right" loop preload="metadata"></video>
  </div>
</div>
.container {
  display: flex;
  flex-direction: column;
}

и попробуйте удалить text-align: left из div, содержащего видео.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...