JSFiddle - React, Tailwind, and code Playground

by Slico

HTML

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
</head>
<body>
  
  <div class="container-fluid">
    <div class="container-fixed">
      <p>This is a column in the right This is a column in the right This is a column in the right This is a column in the right This is a column in the right This is a column in the right This is a column in the right This is a column in the right</p>
    </div>
  </div>
  
</body>
</html>

CSS

.container-fluid{
  max-width: 1400px;
  background: red;
}

.container-fixed{
  width: 1000px;
  margin: 0 auto;
 
}

.container-fixed p{
  width: 50%;
   background: green;
   display: flex;
   align-items: flex-end;
}