HTML/CSS - My Blog Online Editor and JavaScript Compiler

html

<!-- The code is under construction, this is a blog about, how do I get to learn programming in bigger context "my course with sololearn" --> 
<!DOCTYPE html>
<html>
    <head>
        <title>Page Title</title>
    </head>
    <body>
        <h1 class="myh1" align="center"><span>
        <table border="2">
        <tr>
        <td bgcolor="lightgreen">
        LEARNING CODEs BLOG</td></tr></table><span>
        </h1>
        <p>I study the following courses with <b>SoloLearn.</b></p><b></b>
            <div class="floating">  
<p><img src="http://www.sololearn.com/uploads/css_logo.png" />
        </div>
        <ul>
        <li>Python</li> 
        <li>C++</li>
        <li>Java</li>
        <li>JavaScript</li>
        <li>HTML Fundamental</li>
        <li>CSS</li>
        <li>PHP</li>
        </ul>
        <p class="serif">Click on the link and open doors to knowledge.</p>
        <a href="http://www.sololearn.com">Learn and play.</a>

css

img{
   float:right ; 
}
.floating {
   float:right ; 
}
h1 {
    font-size: 20pt;   
    text-shadow:  rgba(0,0,255,1) -1px -2px 0.5em; 
    color: red;
}
ul {
    list-style-image: url("http://www.sololearn.com/images/bullet.jpg");
    list-style-position: inside;
}
body {
    color: black;
    background: lightgrey;
}
h2 {
   color: black; 
   background-color: Yellow;
}
h2.caption {
   caption-side:top; 
}
h4 {
   color: black; 

BROWSER

Console