Hello! Welcome to my game .title {display:inline} The purpose of this game is get the .currentStatus window (on the bottom left) to match the .targetStatus window (on the bottom right). To do this you will drag the buttons on the left into the buckets on the right. You can see your changes in real-time and adjust your buttons accordingly. We will start off with only HTML but soon we will introduce CSS styling elements as well. Good luck and have fun!
Congratulations on completing the first few levels. Now we will add styling elements using CSS. You will now be able to drag items into both boxes. Notice that the CSS elements do not have <> around them.
Please enter your desired username.

.title

{display:inline}

Leaderboard
Sorry! .title {display: inline} is not available for mobile. The UI is simply too complex. Please return on a tablet or desktop/laptop.
DRAG TO BOXES BELOW
DRAG TO BOXES ON THE RIGHT

.html

.css

.html
.css

.currentStatus

.targetStatus

.currentStatus
.targetStatus
Good Job! You completed the level!
You put up a valiant effort! Try again and go for the high score!
You have completed the demo! Keep an eye out for the full release coming in the future. Thanks so much for playing!