.container
.block-1
p Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, vitae officia qui tenetur incidunt eos, libero nostrum deserunt eius sit blanditiis in aspernatur numquam dolores, assumenda quam placeat maxime ducimus necessitatibus quibusdam ratione similique dicta laboriosam? Ut corrupti odit dolores asperiores. Distinctio at ipsa nostrum facere odit pariatur explicabo corporis.
.block-2
p Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, vitae officia qui tenetur incidunt eos, libero nostrum deserunt eius sit blanditiis in aspernatur numquam dolores, assumenda quam placeat maxime ducimus necessitatibus quibusdam ratione similique dicta laboriosam? Ut corrupti odit dolores asperiores. Distinctio at ipsa nostrum facere odit pariatur explicabo corporis.
.block-3
p Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt, vitae officia qui tenetur incidunt eos, libero nostrum deserunt eius sit blanditiis in aspernatur numquam dolores, assumenda quam placeat maxime ducimus necessitatibus quibusdam ratione similique dicta laboriosam? Ut corrupti odit dolores asperiores. Distinctio at ipsa nostrum facere odit pariatur explicabo corporis.
View Compiled
.container {
width: 1200px;
margin: 30px auto 0;
display: flex;
div {
border: 2px solid #000;
}
p {
padding: 5px;
}
}
View Compiled
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.