javascript — Resposive элемент div внутри другого элемента div

Resposive элемент div внутри другого элемента div

Вы можете обернуть img и div данных в div, а затем переместить этот div прямо на 50% ширины. Я предпочитаю не использовать поплавки; На мой взгляд, лучше выбрать flexbox, но если вам нравятся плавающие числа, я приведу ниже код, который вы можете попробовать.

HTML:

  {amp}lt;div class="container"{amp}gt; {amp}lt;div class="dataImgContainer"{amp}gt; {amp}lt;div class="img"{amp}gt; image goes here{amp}lt;/div{amp}gt; {amp}lt;div class="data"{amp}gt;data goes here{amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; {amp}lt;/div{amp}gt; 

Добавьте ниже к листу CSS:

 .dataImgContainer { width: 50%; float: right; } 
Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector