Как выровнять <article>по правому краю, чтобы нижнее значение <article>оставалось ниже, и я могу поместить изображение слева от этого <article>? - PullRequest
Новая
       15

Как выровнять <article>по правому краю, чтобы нижнее значение <article>оставалось ниже, и я могу поместить изображение слева от этого <article>?

0 голосов
/ 25 мая 2019

Извините, если это немного тускло, я впервые переполняю стек. Я делаю HTML задание для школы, где нам нужно создать свой собственный сайт. Как разместить статью справа от моей страницы, чтобы рядом с ней не было статей? Заранее спасибо!

Это для HTML5 и CSS3, создание сайта в VS Code. Я попытался сделать это float: right;, но рядом с ним всплывающая статья ниже.

Вещи, которые у меня есть: 

<article>Some text Some text some text</article>
<article>More text More text More text</article>

Как указано выше, я пытался заставить его плавать, но это не сработало, как я надеялся. Единственное, что произвело что-то похожее на то, что я хочу, это просто тонна padding-left на статью.

То, что я в основном пытаюсь, это сделать так: 

                                    Some text Some text some text along with some text

More text More text More text along with more text

1 Ответ

2 голосов
/ 25 мая 2019

Вот пример !!! 

.container {
  width: 300px;
}

.left, .right {
  display: flex;
}

.left {
  justify-content: flex-start;
}

.right {
  justify-content: flex-end;
}
<body>
  <div class="container">
    <article class="right">Some text Some text some text</article>
    <article class="left">More text More text More text</article>
  </div>
</body>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...