Top.Mail.Ru
Ответы
Аватар пользователя
Изменено
Аватар пользователя
Аватар пользователя
Аватар пользователя
Программирование
+4

Разделение помогите очень срочно

Как мне разделить по обеим сторонам Моделирование и Анимация помогите вообще не доходит

Дополнен

Мне нужно это сделать в html пожалуста

По дате
По рейтингу
Аватар пользователя
Новичок
1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
 <!doctype html> 
<html lang="ru"> 
<head> 
  <meta charset="UTF-8"> 
  <title>Документ</title> 
  <style> 
    #box { 
      width: 820px; 
      height: 120px; 
      margin: auto; 
      font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; 
    } 
    .flex-box { 
      display: flex; 
    } 
    .in-box { 
      flex-direction: column; 
    } 
    .header { 
      color: rgb(46,139,87); 
      width: 100%; 
      text-align: center; 
    } 
    .header>h2 { 
      font-weight: normal; 
    } 
    .text-content { 
      text-align: justify; 
    } 
    #left-in-box { 
      margin-right: 12px; 
    } 
    #right-in-box { 
      margin-left: 12px; 
    } 
    .img-content { 
      margin: 0 5px; 
    } 
    #shape img { 
      width: 96px; 
    } 
    #dolly { 
      width: 72px; 
    } 
    #dolly img { 
      width: 72px; 
    } 
  </style> 
</head> 
<body> 
  <div id="box" class="flex-box"> 
    <div id="left-in-box" class="in-box flex-box"> 
      <div class="header"> 
        <h2>Моделирование</h2> 
      </div> 
      <div class="flex-box"> 
        <figure id="shape" class="img-content"> 
          <img src="https://1.jpg" width="-1" height="-1" alt = "false|false"/> 
        </figure> 
        <div class="text-content"> 
          Раздел «<a href="#">Моделирование</a>» посвящён созданию, настройке и редактированию объектов трёхмерных сцен.
        </div> 
      </div> 
    </div> 
    <div id="right-in-box" class="in-box flex-box"> 
      <div class="header"> 
        <h2>Анимация</h2> 
      </div> 
      <div class="flex-box"> 
        <div class="text-content"> 
          ...Именно, для придания реализма неживым трёхмерным мирам существует <a href="#">Анимация</a>, или оживление
        </div> 
        <figure id="dolly" class="img-content"> 
          <img src="https://2.jpg" width="-1" height="-1" alt = "false|false"/> 
        </figure> 
      </div> 
    </div> 
  </div> 
</body> 
</html> 

P.S. Следует вставить адреса ссылок и поменять адреса для картинок

Аватар пользователя

создаете родительский div, в нем еще два div, в одном текст, заголовок и картинка и во втором тоже самое. В родительском прописываете свойство display: flex;

Аватар пользователя
Мастер

Я так понял ты хочешь текст на два столбика разделить? Как один из многих вариантов ты можешь два дива создать, и назначить им один класс и прописать этот класс как флексбокс).

Аватар пользователя
Знаток

вопрос непонятен, зачем

Аватар пользователя
Профи

Моделирование - статические объекты.
Анимация - динамические объекты.