Coding Playground v.1

Test

Medium Aquamarine
Light Sea Green
Dark Cyan

Test

The Champion’s Cadenza
Rising star Izatha Hela only wants to help during a crisis at her concert, but she gets more than she bargained for when the attackers whisk her away to a new world called Hillared. Claims that she is the firstborn child of the royal bloodline plunges her into the diplomatic chaos of a supposed “higher race”, not to mention they are on the brink of war with their greatest enemies, the Re-Mons.

All Izatha wanted was to live in peace on Earth through the ages, keeping her dangerous memories from mankind. Now that she has seen the Enages, she wants to do more with her life–and her gifts. To win the disorderly society to her side, and to leave her mark on history.

So much to do, and only a few thousand years to it…

| Updates every Thursday | Fantasy YA Action Romance |
Read me on Wattpad

1 Like

If it’s supposed to look like this, then definitely! :smiley:

2 Likes

Text

1 Like

thank you!

1 Like

No problem :blush:

1 Like

The seven continents.

![](upload://xgv04QVIjRpjKXwMyoFMtMMQkoX.png) World Map

1 Like

Hello

<span style="font-size:; display: block; width: 100%; height: 10px; padding: 2px; color: #45cad6;"> Hello. </span>

preview doesn’t show color


Hello
[color=#45cad6] Hello [/color]

preview shows color


Hello
<font color="#45cad6"> Hello </font>

preview shows color

ORDERED LISTS

Here is a list of ordered items:

  1. First item
  2. Second item
  3. Third item
<p>Here is a list of ordered items:</p>
<ol>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Here is a list of ordered items:

  1. First item
  2. Second item
  3. Third item
<p>Here is a list of ordered items:</p>
<ol type="1">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Here is a list of ordered items:

  1. First item
  2. Second item
  3. Third item
<p>Here is a list of ordered items:</p>
<ol type="A">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Here is a list of ordered items:

  1. First item
  2. Second item
  3. Third item
<p>Here is a list of ordered items:</p>
<ol type="a">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Here is a list of ordered items:

  1. First item
  2. Second item
  3. Third item
<p>Here is a list of ordered items:</p>
<ol type="I">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

Here is a list of ordered items:

  1. First item
  2. Second item
  3. Third item
<p>Here is a list of ordered items:</p>
<ol type="i">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>

source.

1 Like

UNORDERED LISTS

Here is a list of unordered items:

  • First item
  • Second item
  • Third item
<p>Here is a list of unordered items:</p>    
<ul>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

Here is a list of unordered items:

  • First item
  • Second item
  • Third item
<p>Here is a list of unordered items:</p>    
<ul style="list-style-type: disc">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

Here is a list of unordered items:

  • First item
  • Second item
  • Third item
<p>Here is a list of unordered items:</p>    
<ul style="list-style-type: circle">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

Here is a list of unordered items:

  • First item
  • Second item
  • Third item
<p>Here is a list of unordered items:</p>    
<ul style="list-style-type: square">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

Here is a list of unordered items:

  • First item
  • Second item
  • Third item
<p>Here is a list of unordered items:</p>    
<ul style="list-style-type: none">
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ul>

source.

note: most styles unfortunately don’t work /:

It looks fine here but on the actual post, it’s broken

1 Like

Huh, that’s weird. Thanks for pointing it out

1 Like

yoyoyiyoyoyihiykuuohuijhhuhhbbhhbbbbh

text

is this working?

1 Like

omg yes

wait how do you do rounded corners? O.O

Friendly reminder:

Please do not use this space as a chatting thread.

2 Likes

border-radius: (number)px;

1 Like