<div>
    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolor rem provident quisquam nisi ipsum, repellendus natus cum deleniti odit fugiat.</p>
    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Vitae eum quisquam nobis consectetur, ea similique rerum itaque quod pariatur minus libero dolorum doloremque. Dolore beatae sit perspiciatis unde ipsum officia.</p>
</div>
div {
    width: 100%;
    max-width: 960px;
    display: flex;
}

p {
    flex-basis: 50%;
    display: flex;
    align-items: center;
    padding: 20px;
}

p:first-child {
    background: #eee;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.