HTML/CSS - Project Guideline Online Editor and JavaScript Compiler

html

<!DOCTYPE html>
<html>
<head>
<title>Open Source Project</title>
</head>
<body>
<div id="documentStyle">
<div id="headerStyle">
<br><br>
<p class="heading_top">Open Source Project Contribution Guideline</p>
</div>
<p class="heading_sub">Git</p>
<p>Git is a free and open source distributed version control system designed to handle everything from small to very large projects with speed and efficiency. It outclasses SCM tools like Subversion, CVS, Perforce, and ClearCase with features like cheap local branching, convenient staging areas, and multiple workflows.</p>
<p class="heading_sub">How to install Git & SetUp GitLab</p>
<hr class="animated-hr">
<p>These are the steps:</p>
<ol>
<li><b>Step 1:</b> Visit - <a href="https://git-scm.com/">GitLab</a></li>
<li><b>Step 2:</b> Download the latest release for your system</li>
<li><b>Step 3:</b> Install the package with default settings</li>
<li><b>Step 4:</b> Got to <code style="font-size: 10px">Git Bash</code> or <code>cmd</code> and type:<br> <code style="font-size: 10px">git --version</code></li><br>
<li><b>Step 5:</b> Set GitLab username and email to the Git as a Global user.name and user.email:<br/><br/> Go to <code style="font-size: 10px">Git Bash</code> or <code style="font-size: 10px">cmd</code> and type:<br> <code style="font-size: 10px">git config --global user.name "username"</code><br><br/> Here the username of GitLab after that press ENTER as well as repeat the process for email:<br> <code style="font-size: 10px">git config --global user.email "email"</code><br><br/> Here the email of your GitLab account.</li>
</ol>
<br/>

css

body {
    color: black;
    text-align: left;
}
/* TEXT STYLES */
/* Top heaing */
.heading_top {
    color: black;
    text-align: center;
    font-size: 30px
}
/* Sub heading */
.heading_sub {
    color: gray;
    text-align: center;
    font-size: 25px;
}
/* Additional text / Caption text */
.text_additional {
    color: gray;
    font: 10px Arial;
    font-weight: 100;
}
/*  HyperLinks */
a {

BROWSER

Console