how to make a block with the text in the middle of the screen, but if you scroll, this block will not leave, did not find normal lessons

    1 answer 1

    body { height:2000px; } div { display: block; position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); } 
     <div>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis architecto aliquid distinctio facilis nulla commodi laboriosam, dolor saepe quos ullam nisi magnam quia facere, suscipit eum a quidem odio. Velit omnis perspiciatis ex perferendis quae tempora quam beatae aliquid veniam rerum ut repudiandae minus error illo, in aut ad repellendus!</div>