Отступ в сообщении

@m1n1gamer · Регистрация: 15.07.2015

Author24 — интернет-сервис помощи студентам

Внутри дива, есть два дива с текстом.
Как сделать с помощью css, чтобы красный текст располагался так как скрине?

HTML5

<div style="width:300px;">
    <div style="display:inline;color:blue;">Какой-то текст 1</div> <div style="display:inline;color:red;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
    tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
    quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
    consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
    cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
    proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
</div>

@mrtoxas · 06.11.2016, 01:08

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
  <style>
    .wrapper{
    width: 300px;
    display: table;
  }
  .first{
    color:blue;
    display:table-cell;
    white-space: nowrap;
  }
  .second{
    color:red;
    display:table-cell;
  }
  </style>
</head>
<body>
  <div class="wrapper">
    <div class="first">Какой-то текст 1</div>
    <div class="second">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
  </div>
</body>
</html>

	06.11.2016, 01:08

Опции темы