You can post up your table codes here for tweaking, or just to show off!
This div is the suggested maximum width tables can be: 600px.

Anything wider must not stretch the board.

"Lorem ipsum dolor sit amet, consectetur adipiscing elit." Proin sit amet magna ornare, fermentum urna a, mollis felis. Ut facilisis eu mauris ac efficitur. Vestibulum nulla nisl, tincidunt id velit sed, blandit lacinia enim. Nulla fermentum dignissim ex ac aliquam. Nunc id dolor ut augue varius blandit. Suspendisse potenti. Vivamus aliquam augue libero, eget suscipit magna sagittis at. Aliquam erat volutpat. Donec quis egestas est. Integer convallis nulla id accumsan lobortis. Aenean quis ante id risus dictum volutpat. Praesent dignissim sit amet felis et ultricies. Quisque gravida est vitae dui dignissim gravida.

"Quisque at rutrum lorem, ut venenatis urna." Mauris ut ligula libero. In commodo mollis tortor. Praesent lacinia, enim vitae luctus sodales, neque dolor laoreet arcu, a elementum mauris nulla eget dolor. Suspendisse mollis ex nec imperdiet maximus. Duis ut mollis quam, eget dapibus lorem. Nulla sagittis non est lacinia elementum. Donec sed urna feugiat, ultricies sem eget, consectetur.

Code:

<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap" rel="stylesheet"> [style] .wilder-wish { margin: auto; width: 600px; background: #886d9f url('https://origin.boreal-nights.space/images/cjtables/wilder-wish-txt3.png') no-repeat; padding: 500px 0 0 0; border-radius: 30px;} .wilder-wish p { letter-spacing: 0.2px; padding: 40px; background: linear-gradient(to bottom, #8c39984a, #8b6da05e); color: #f9e6ff; border-radius: 30px 30px 0 0; margin: 0 30px; text-align: justify; font-family: lora; text-shadow: 0 0 8px #743da9;} .wilder-wish p b { color: #fbeca2; font-weight: 500; text-shadow: 0 0 5px #f979d9; } .wilder-wish p i { color: #ffe9d6; } .wilder-wish p wish { color: #ffd8f5; text-shadow: 0 0 5px #f9bf8b; font-style: italic; background: -webkit-linear-gradient(90deg, #ff7e4c, #ffd8f5 40%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;} [/style]

<div class="wilder-wish"><p><b>"speaking"</b> <i>thinking</i> <wish>wishing</wish></p></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Quis blandit turpis cursus in hac habitasse. Scelerisque fermentum dui faucibus in ornare quam. Vitae congue eu consequat ac felis donec et odio pellentesque. Pellentesque dignissim enim sit amet venenatis urna cursus. Auctor neque vitae tempus quam pellentesque nec nam. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Posuere lorem ipsum dolor sit amet consectetur. Pharetra pharetra massa massa ultricies mi quis hendrerit. Scelerisque purus semper eget duis at tellus at urna condimentum.

Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Vitae congue eu consequat ac felis donec. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Mattis enim ut tellus elementum sagittis vitae et. Et ligula ullamcorper malesuada proin libero nunc consequat. Sed faucibus turpis in eu mi bibendum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Sed egestas egestas fringilla phasellus. Laoreet non curabitur gravida arcu ac. Amet purus gravida quis blandit. Tincidunt id aliquet risus feugiat in ante metus dictum at. Consequat interdum varius sit amet. Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Porta nibh venenatis cras sed felis eget velit aliquet. Convallis convallis tellus id interdum velit laoreet id donec ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. "Etiam cursus ligula ut ipsum rhoncus, non eleifend orci tincidunt. Nam eget velit eget diam imperdiet porttitor." Nam tristique iaculis ligula, sed feugiat dui faucibus vitae. Sed elementum egestas mauris, ut blandit urna suscipit id. Duis nulla sem, consectetur ac quam nec, ultricies porta diam. Suspendisse vel quam eget dui mattis tincidunt. Sed viverra ullamcorper arcu, vitae fermentum justo lacinia in. Fusce vel purus interdum turpis lacinia facilisis nec nec nunc. Morbi convallis dictum sem a dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut tristique metus diam, id mollis sapien pretium et. Donec tristique libero eros, eget fringilla augue faucibus non.

"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sagittis dignissim magna, a eleifend mi tempor non." Donec ex nunc, maximus congue ornare eu, consequat eget erat. Phasellus eleifend cursus sapien, quis porta lectus vehicula vitae. Nunc enim ex, interdum tempor nulla non, varius porttitor quam. "Fusce nunc sapien, suscipit in nisl at, viverra lacinia leo. Phasellus faucibus tempor elit, vitae vestibulum arcu tincidunt eget." Quisque a convallis arcu. Aenean nisl quam, placerat sit amet massa nec, cursus pretium diam. Etiam quis aliquet nibh, sit amet tempus diam.

Cras erat velit, porttitor eget dictum vitae, dignissim non tellus. Cras ac varius odio. Sed sagittis ligula nec iaculis pretium. Nulla euismod nunc eget luctus faucibus. Mauris pretium gravida mauris, ut facilisis metus consequat quis. Nam magna diam, finibus condimentum scelerisque a, euismod ac elit. Suspendisse pharetra in velit at posuere. Sed blandit orci ac massa aliquet blandit. Nulla egestas elit eget dapibus facilisis. Curabitur lacinia neque ac nisl iaculis malesuada.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Quis blandit turpis cursus in hac habitasse. Scelerisque fermentum dui faucibus in ornare quam. Vitae congue eu consequat ac felis donec et odio pellentesque. Pellentesque dignissim enim sit amet venenatis urna cursus. Auctor neque vitae tempus quam pellentesque nec nam. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Posuere lorem ipsum dolor sit amet consectetur. Pharetra pharetra massa massa ultricies mi quis hendrerit. Scelerisque purus semper eget duis at tellus at urna condimentum.

Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Vitae congue eu consequat ac felis donec. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Mattis enim ut tellus elementum sagittis vitae et. Et ligula ullamcorper malesuada proin libero nunc consequat. Sed faucibus turpis in eu mi bibendum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Sed egestas egestas fringilla phasellus. Laoreet non curabitur gravida arcu ac. Amet purus gravida quis blandit. Tincidunt id aliquet risus feugiat in ante metus dictum at. Consequat interdum varius sit amet. Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Porta nibh venenatis cras sed felis eget velit aliquet. Convallis convallis tellus id interdum velit laoreet id donec ultrices.

@Conquest

This goes in your signature :

Code:

<link href='https://fonts.googleapis.com/css?family=Amiri Quran' rel='stylesheet'>
[style].conquest-crown {margin: auto; width: 460px; background-color: #b7b6b1; background-image: url('https://i.imgur.com/51mPXfj.png'); background-repeat: no-repeat; background-position: center top; padding: 450px 20px 20px 20px; color: #0d0d0a; font-family: "Amiri Quran"; font-size: 14px; text-align: justify; border-radius: 20px;} .conquest-crown b {color: #907137;} .conquest-crown i {color: #2f4a73;}[/style]

This goes in your posts:

Code:

<div class="conquest-crown"> post here. <b>"speaking"</b> and <i>thoughts</i></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Quis blandit turpis cursus in hac habitasse. Scelerisque fermentum dui faucibus in ornare quam. Vitae congue eu consequat ac felis donec et odio pellentesque. Pellentesque dignissim enim sit amet venenatis urna cursus. Auctor neque vitae tempus quam pellentesque nec nam. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Posuere lorem ipsum dolor sit amet consectetur. Pharetra pharetra massa massa ultricies mi quis hendrerit. Scelerisque purus semper eget duis at tellus at urna condimentum.

Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Vitae congue eu consequat ac felis donec. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Mattis enim ut tellus elementum sagittis vitae et. Et ligula ullamcorper malesuada proin libero nunc consequat. Sed faucibus turpis in eu mi bibendum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Sed egestas egestas fringilla phasellus. Laoreet non curabitur gravida arcu ac. Amet purus gravida quis blandit. Tincidunt id aliquet risus feugiat in ante metus dictum at. Consequat interdum varius sit amet. Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Porta nibh venenatis cras sed felis eget velit aliquet. Convallis convallis tellus id interdum velit laoreet id donec ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Quis blandit turpis cursus in hac habitasse. Scelerisque fermentum dui faucibus in ornare quam. Vitae congue eu consequat ac felis donec et odio pellentesque. Pellentesque dignissim enim sit amet venenatis urna cursus. Auctor neque vitae tempus quam pellentesque nec nam. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Posuere lorem ipsum dolor sit amet consectetur. Pharetra pharetra massa massa ultricies mi quis hendrerit. Scelerisque purus semper eget duis at tellus at urna condimentum.

Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Vitae congue eu consequat ac felis donec. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Mattis enim ut tellus elementum sagittis vitae et. Et ligula ullamcorper malesuada proin libero nunc consequat. Sed faucibus turpis in eu mi bibendum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Sed egestas egestas fringilla phasellus. Laoreet non curabitur gravida arcu ac. Amet purus gravida quis blandit. Tincidunt id aliquet risus feugiat in ante metus dictum at. Consequat interdum varius sit amet. Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Porta nibh venenatis cras sed felis eget velit aliquet. Convallis convallis tellus id interdum velit laoreet id donec ultrices.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pharetra massa massa ultricies mi quis hendrerit dolor magna eget. Quis blandit turpis cursus in hac habitasse. Scelerisque fermentum dui faucibus in ornare quam. Vitae congue eu consequat ac felis donec et odio pellentesque. Pellentesque dignissim enim sit amet venenatis urna cursus. Auctor neque vitae tempus quam pellentesque nec nam. Enim nulla aliquet porttitor lacus luctus accumsan tortor posuere. Posuere lorem ipsum dolor sit amet consectetur. Pharetra pharetra massa massa ultricies mi quis hendrerit. Scelerisque purus semper eget duis at tellus at urna condimentum.

Ipsum suspendisse ultrices gravida dictum fusce ut placerat orci nulla. Vitae congue eu consequat ac felis donec. Vitae justo eget magna fermentum iaculis eu non diam phasellus. Mattis enim ut tellus elementum sagittis vitae et. Et ligula ullamcorper malesuada proin libero nunc consequat. Sed faucibus turpis in eu mi bibendum. Ultrices mi tempus imperdiet nulla malesuada pellentesque elit eget. Sed egestas egestas fringilla phasellus. Laoreet non curabitur gravida arcu ac. Amet purus gravida quis blandit. Tincidunt id aliquet risus feugiat in ante metus dictum at. Consequat interdum varius sit amet. Quam adipiscing vitae proin sagittis nisl rhoncus mattis. Porta nibh venenatis cras sed felis eget velit aliquet. Convallis convallis tellus id interdum velit laoreet id donec ultrices.

@Aran

This goes in your signature:

Code:

<link href='https://fonts.googleapis.com/css?family=Belanosima' rel='stylesheet'>
[style].aran-puppet {margin: auto; width: 410px; background-color: #090e2f; background-image: url('https://i.imgur.com/JRlRWfN.png'); background-repeat: no-repeat; background-position: center bottom; padding: 20px 20px 500px 20px; color: #ea9bf1; font-family: "Belanosima"; font-size: 13px; text-align: justify; border-radius: 20px;} .aran-puppet b {color: #7ee715;} .aran-puppet i {color: #ddffbd;}[/style]

This goes in your posts:

Code:

<div class="aran-puppet"> post here. <b>"speaking"</b> and <i>thoughts</i></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. "Etiam cursus ligula ut ipsum rhoncus, non eleifend orci tincidunt. Nam eget velit eget diam imperdiet porttitor." Nam tristique iaculis ligula, sed feugiat dui faucibus vitae. Sed elementum egestas mauris, ut blandit urna suscipit id. Duis nulla sem, consectetur ac quam nec, ultricies porta diam. Suspendisse vel quam eget dui mattis tincidunt. Sed viverra ullamcorper arcu, vitae fermentum justo lacinia in. Fusce vel purus interdum turpis lacinia facilisis nec nec nunc. Morbi convallis dictum sem a dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut tristique metus diam, id mollis sapien pretium et. Donec tristique libero eros, eget fringilla augue faucibus non.

"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sagittis dignissim magna, a eleifend mi tempor non." Donec ex nunc, maximus congue ornare eu, consequat eget erat. Phasellus eleifend cursus sapien, quis porta lectus vehicula vitae. Nunc enim ex, interdum tempor nulla non, varius porttitor quam. "Fusce nunc sapien, suscipit in nisl at, viverra lacinia leo. Phasellus faucibus tempor elit, vitae vestibulum arcu tincidunt eget." Quisque a convallis arcu. Aenean nisl quam, placerat sit amet massa nec, cursus pretium diam. Etiam quis aliquet nibh, sit amet tempus diam.

Cras erat velit, porttitor eget dictum vitae, dignissim non tellus. Cras ac varius odio. Sed sagittis ligula nec iaculis pretium. Nulla euismod nunc eget luctus faucibus. Mauris pretium gravida mauris, ut facilisis metus consequat quis. Nam magna diam, finibus condimentum scelerisque a, euismod ac elit. Suspendisse pharetra in velit at posuere. Sed blandit orci ac massa aliquet blandit. Nulla egestas elit eget dapibus facilisis. Curabitur lacinia neque ac nisl iaculis malesuada.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. "Etiam cursus ligula ut ipsum rhoncus, non eleifend orci tincidunt. Nam eget velit eget diam imperdiet porttitor." Nam tristique iaculis ligula, sed feugiat dui faucibus vitae. Sed elementum egestas mauris, ut blandit urna suscipit id. Duis nulla sem, consectetur ac quam nec, ultricies porta diam. Suspendisse vel quam eget dui mattis tincidunt. Sed viverra ullamcorper arcu, vitae fermentum justo lacinia in. Fusce vel purus interdum turpis lacinia facilisis nec nec nunc. Morbi convallis dictum sem a dignissim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Ut tristique metus diam, id mollis sapien pretium et. Donec tristique libero eros, eget fringilla augue faucibus non.

"Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Integer sagittis dignissim magna, a eleifend mi tempor non." Donec ex nunc, maximus congue ornare eu, consequat eget erat. Phasellus eleifend cursus sapien, quis porta lectus vehicula vitae. Nunc enim ex, interdum tempor nulla non, varius porttitor quam. "Fusce nunc sapien, suscipit in nisl at, viverra lacinia leo. Phasellus faucibus tempor elit, vitae vestibulum arcu tincidunt eget." Quisque a convallis arcu. Aenean nisl quam, placerat sit amet massa nec, cursus pretium diam. Etiam quis aliquet nibh, sit amet tempus diam.

Cras erat velit, porttitor eget dictum vitae, dignissim non tellus. Cras ac varius odio. Sed sagittis ligula nec iaculis pretium. Nulla euismod nunc eget luctus faucibus. Mauris pretium gravida mauris, ut facilisis metus consequat quis. Nam magna diam, finibus condimentum scelerisque a, euismod ac elit. Suspendisse pharetra in velit at posuere. Sed blandit orci ac massa aliquet blandit. Nulla egestas elit eget dapibus facilisis. Curabitur lacinia neque ac nisl iaculis malesuada.

image credit