<div class="fullcontainer">
<div class="innercontainer">
<div class="append-3 prepend-3 justifytext prepend-bottom" >
<h1 class="centertext prepend-bottom">Hello</h1>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent non fringilla ligula. Maecenas at pretium purus. Nulla f
Cras nunc ante, commodo at metus nec, interdum tincidunt orci. Nam ac turpis justo. Suspendisse commodo dui sed mauris aliquam, vitae blandit velit aliquam. Donec sodales vestibulum mauris eget dapibus. In vitae tempus sapien. Proin euismod, diam at condimentum condimentum, dui justo convallis felis, a sagittis mi augue at orci. Ut convallis enim non quam finibus, non porttitor metus sollicitudin. Nullam lacinia dolor sit amet ante euismod sodales. Vestibulum porta congue erat sit amet maximus. Nullam dictum magna et leo elementum commodo. Aenean hendrerit vehicula malesuada.
</div>
<div class="floatlfeft ">
. Sed vel arcu leo. Sed rhoncus nisl nec tortor sodales malesuada. Pellentesque nibh neque, molestie at hendrerit ac, dictum nec tortor. Cras nunc ante, commodo at metus nec, interdum tincidunt orci. Nam ac turpis justo. Suspendisse commodo dui sed mauris aliquam, vitae blandit velit aliquam. Donec sodales vestibulum mauris eget dapibus. In vitae tempus sapien. Proin euismod, diam at condimentum condimentum, dui justo convallis felis, a sagittis mi augu
</div>
<div class="floatright">
. Sed vel arcu leo. Sed rhoncus nisl nec tortor sodales malesuada. Pellentesque nibh neque, molestie at hendrerit ac, dictum nec tortor. Cras nunc ante, commodo at metus nec, interdum tincidunt orci. Nam ac turpis justo. Suspendisse commodo dui sed mauris aliquam, vitae blandit velit aliquam. Donec sodales vestibulum mauris eget dapibus. In vitae tempus sapien. Proin euismod, diam at condimentum condimentum, dui justo convallis felis, a sagittis mi augu
</div>
<div class="footer centertext prepend-top">Cezary Walenciuk 2020 rok
</div>
</div>
</div>
* {
margin: 0;
padding: 0;
}
body {
background-color: #666666;
}
.fullcontainer {
height:100%;
}
.innercontainer {
width:800px;
margin:0 auto;
background-color: white;
}
.append-3 {
padding-right: 66px;
}
.prepend-3 {
padding-left: 66px;
}
.justifytext {
text-align:justify;
}
.centertext {
text-align:center;
}
.prepend-bottom {
padding-bottom:60px;
}
.prepend-top {
padding-top:60px;
}
.floatlfeft {
float:left;
width:400px;
background-color:inherit;
}
.floatright {
float:right;
width:400px;
background-color:inherit;
}
.footer {
width:100%;
clear:both;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.