<div class="flex-container">
    <div class="flex-item">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a ipsum ac diam gravida tempus. Nam elementum semper nisi eget mattis. Nunc justo mi, pharetra eu tincidunt ut, condimentum sit amet diam. Pellentesque dignissim, nunc rutrum semper suscipit, turpis sem vestibulum magna, at ultrices augue justo at dui. Donec nec dui quis tellus laoreet sodales ac et lacus. Nulla vitae leo sagittis tortor pellentesque vulputate. Proin volutpat euismod erat at molestie. Aliquam scelerisque aliquam erat rutrum pulvinar. Sed finibus posuere lacus, in blandit erat eleifend non. Etiam dictum dignissim risus, facilisis lacinia turpis ullamcorper in. Aliquam sit amet diam congue, accumsan arcu quis, pharetra mauris. Pellentesque lacinia felis vel purus placerat, ac ullamcorper purus auctor.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a ipsum ac diam gravida tempus. Nam elementum semper nisi eget mattis. Nunc justo mi, pharetra eu tincidunt ut, condimentum sit amet diam. Pellentesque dignissim, nunc rutrum semper suscipit, turpis sem vestibulum magna, at ultrices augue justo at dui. Donec nec dui quis tellus laoreet sodales ac et lacus. Nulla vitae leo sagittis tortor pellentesque vulputate. Proin volutpat euismod erat at molestie. Aliquam scelerisque aliquam erat rutrum pulvinar. Sed finibus posuere lacus, in blandit erat eleifend non. Etiam dictum dignissim risus, facilisis lacinia turpis ullamcorper in. Aliquam sit amet diam congue, accumsan arcu quis, pharetra mauris. Pellentesque lacinia felis vel purus placerat, ac ullamcorper purus auctor.</p>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse a ipsum ac diam gravida tempus. Nam elementum semper nisi eget mattis. Nunc justo mi, pharetra eu tincidunt ut, condimentum sit amet diam. Pellentesque dignissim, nunc rutrum semper suscipit, turpis sem vestibulum magna, at ultrices augue justo at dui. Donec nec dui quis tellus laoreet sodales ac et lacus. Nulla vitae leo sagittis tortor pellentesque vulputate. Proin volutpat euismod erat at molestie. Aliquam scelerisque aliquam erat rutrum pulvinar. Sed finibus posuere lacus, in blandit erat eleifend non. Etiam dictum dignissim risus, facilisis lacinia turpis ullamcorper in. Aliquam sit amet diam congue, accumsan arcu quis, pharetra mauris. Pellentesque lacinia felis vel purus placerat, ac ullamcorper purus auctor.</p>
    </div>
</div>
.flex-container {
    display: flex;
    width: 100vw;
    height: 100vh;
}

.flex-item {
    width: 600px;
    margin: auto;
}
View Compiled

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.