Free to Use Tables - Printable Version

"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Curabitur nec est vitae ligula varius tempus sit amet eu nisi. Suspendisse lacinia, augue eget aliquam feugiat, sapien justo varius enim, nec vestibulum sapien orci in arcu. Nulla vestibulum augue ac nibh pharetra, a rutrum augue tincidunt. Quisque ornare vel justo et posuere. Proin tristique sit amet erat vel lacinia. Mauris nibh ante, bibendum eget augue eu, malesuada sagittis risus. Integer feugiat hendrerit eleifend. Sed mi leo, luctus at lorem at, vulputate efficitur neque.

Sed quis mollis mauris. Nulla fringilla quam odio, at eleifend mi volutpat sit amet. Ut sagittis quam at eros accumsan tempor. Morbi blandit nisi vitae ipsum accumsan pretium. Sed fermentum ultrices rhoncus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas maximus nulla arcu, eu sollicitudin turpis gravida eu. Cras maximus mauris quam. Pellentesque ac ante in mauris venenatis dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nullam imperdiet justo eu viverra fringilla.

Code:

[style]@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); .freebie1 {border: 10px solid #ddd; background-color: #eee; width: 500px; margin:auto;} .freebie1 p {padding: 20px; font-family: lora; line-height: 20px; font-size: 14px; background-color: #fff; text-align: justify; margin: 40px; border: 1px solid #ddd; text-indent: 15px;} .freebie1 p b {color:#555;} [/style]

<div class="freebie1"><p></p></div>

Code:

[style] .freebie1-colors {border: 10px solid #09181f; background-color: #4c6568; width: 500px; margin:auto;} .freebie1-colors p {padding: 20px; font-family: source sans pro; line-height: 20px; font-size: 14px; background-color: #aec5cb; text-align: justify; margin: 20px; color: #09181f;} .freebie1-colors p b {color:#407e8b;} [/style]



<div class="freebie1-colors">

<div style="background-image: url('https://i.imgur.com/zCc8o2k.jpg'); background-size: 500px; background-position: 50% 10%; margin: 10px 20px; height: 50px;"></div>

<p><b>"Lorem ipsum dolor sit amet, consectetur adipiscing elit."</b> Curabitur nec est vitae ligula varius tempus sit amet eu nisi. Suspendisse lacinia, augue eget aliquam feugiat, sapien justo varius enim, nec vestibulum sapien orci in arcu. Nulla vestibulum augue ac nibh pharetra, a rutrum augue tincidunt. Quisque ornare vel justo et posuere. Proin tristique sit amet erat vel lacinia. Mauris nibh ante, bibendum eget augue eu, malesuada sagittis risus. Integer feugiat hendrerit eleifend. Sed mi leo, luctus at lorem at, vulputate efficitur neque.</p>

<div style="background-image: url('https://i.imgur.com/zCc8o2k.jpg'); background-size: 500px; background-position: 0% 20%; margin: 10px 20px; height: 50px;"></div></div>

character name

Code:

[style]@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap'); .freebie1-colors1 {border: 10px solid #daacac; background-color: #6f5656; width: 500px; margin:auto;} .freebie1-colors1 p {padding: 20px; font-family: lora; line-height: 20px; font-size: 14px; background-color: #ede2e2; text-align: justify; margin: 40px; border: 1px solid #475058; text-indent: 15px; color: #6f5656;} .freebie1-colors1 p b {color:#934242;} [/style]



<div class="freebie1-colors1"><p style="text-align:center;"><i>character name</i></p>

<p>post</p></div>