Edit:::

if you need help with using this i will do my best to create a you tube video helping this with hosting a .CSS file! just msg me! I'm more than happy to help!


EVERYONE THAT HAS BEEN LOOKING FOR THE HTML/CSS I HAVE FINALLY DONE IT!!!!!!!!!!!!!!! I MIGHT BE UBER LATE BUT I HAVE DONE IT!

COPY EVERYTHING FROM THE (/* ALL THE WAY TO THE )
|
|
V
/*CODE FOR HTML IN WORD OR NOTEPAD++
SAVE AS A .CSS AND LOOK UP HOW TO HOST THE CSS FILE AND FOLLOW THE STEPS. THEN LOOK UP HOW TO ADD A CSS IN LIODEN*/

.BOX {
display: flex;
justify-content: center;
align-items: center;
height: 100px;
margin: 50px;
background-color: #282157;
overflow: hidden;
}
.expanding-box:hover {
width: 500px;
height: 400px;
overflow:hidden;
word-wrap: break-word;
overflow: scroll;
}
.expanding-box {
width: 510px;
height: 56px;
overflow:hidden;
background-color: #7b337d;
transition: width 5.5s, height 5.5s; /* Adding transitions for smooth animation */
}


/*CODE FOR TERRITORY BOX PLEASE DONT FORGET TO REMOVE THE (SPACES) BEFORE SAVING OTHER WISE IT WONT WROK
| |
| |
V V*/
< div class="expanding-box" >< h1 >this is my world and boxes< /h1 >
< p >THIS IS WHERE YOU WOULD PUT THE TEXT. WHAT EVER TEXT YOUD LIKE AND IT SHOULD DO EXACTLY AS YOUD LIKE!< /p >< /div >
^
|
|
ENJOY AND SPREAD THIS POST LIKE WILD FIRE!