*{margin:0;padding:0}*,:after,:before{box-sizing:border-box}#html{word-break:break-all}#div1{position:fixed;left:50%;transform:translateX(-50%);top:20px}#div1:after,#div1:before{content:"";position:absolute;display:block}@media (max-width:400px){#html{height:50 vh;overflow:auto}#div1{position:relative;top:0;right:0}#div1wrapper{height:50vh}}