Альтернативы позиционирования
Всем привет!
Мой первый вопрос на стеке)
В чём суть: https://prnt.sc/19b0mrv
Как сверстать содержимое данной секции, без использования флоат, позишн, флекс и грид? Есть какие то альтернативы исполнения?
Ответы (1 шт):
Автор решения: zhurof
→ Ссылка
без использования флоат, позишн, флекс и грид
table{
width: 100%;
border-collapse:collapse;
}
td{
vertical-align: top;
}
video{
display:block;
max-width: 100%;
}<table>
<tbody>
<tr>
<td width="50%">
<h1>Заголовок H1</h1>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
<li>Lorem ipsum dolor sit amet, consectetur.</li>
</ul>
</td>
<td width="50%">
<video src="http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4" controls></video>
</td>
</tr>
</tbody>
</table>