Можно ли каким-либо образом использовать CSS для размещения block2
в верхнем правом углу из block1
?
Контекст:
-
block2
должен быть (очень) последним внутри HTML-кодаblock1
, или его можно разместить послеblock1
. Я не могу сделать его первым элементом вblock1
. - Внутри
block1
может быть<p>
, изображений, текста, и мне не известно, что и сколько. - Также мне нужен поток
block2
.
Код:
.block1 {
color: red;
width: 100px;
border: 1px solid green;
}
.block2 {
color: blue;
width: 70px;
border: 2px solid black;
position: relative;
}
<div class='block1'>
<p>text</p>
<p>text2</p>
<div class='block2'>block2</div>
</div>