HTML/CSS - The first bootstrap 4 webstrite Online Editor and JavaScript Compiler

html

<!doctype html>
<html lang="en">
  <head> 
    <!-- meta tags --> 
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
    
 <!-- Google fonts -->
<link href="https://fonts.googleapis.com/css2?family=Dosis:wght@600&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Almendra+Display&display=swap" rel="stylesheet">
    <title>Hello, world!</title>
  </head>
  <body>
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top">
  <a class="navbar-brand">Brand<img src="https://www.jakweb.ch/_d23kod/revslider/hd3/assets/helpdesk-bootstrap-1-500x500.png" width="50px" height="50px" id="bimg" style="margin-left:-3px"/></a>
 
 <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#myLinks" style="outline:none;border:none;">
     <span class="navbar-toggler-icon"></span>
 </button>
 
 <div class="collapse navbar-collapse" id="myLinks">
 
 <div class="form-group">
 

css

#myLinks .dropdown-menu  a:active {
    background-color:  lightgray;
}
#myLinks .dropdown-menu  a.active {
    background-color:  black;
}
.form-group {
    margin-top:10px;
}
#bimg {
    margin-left:-25px;
    margin-top:-5px;
    margin-right:-10px;
}
.p {
    margin:0;
    margin-top:10px;
    margin-bottom:10px;
}
#p1 {
    font-family:Times New Roman;
    margin-top:10px;
    margin-bottom:0;
    padding-left:1px;

BROWSER

Console