JSFiddle - React, Tailwind, and code Playground

by Luis Manuel

HTML

<form action="Chapter 2.html" data-inline="true" style="float:right"> 
    <input type="submit" value="Next >">
  </form>
  </style>

  <select id="change" onchange="location = this.options[this.selectedIndex].value;" style="float:right">
    <option value="Introduction.html">1. Introduction</option>
    <option value="Chapter 1.html">2. Chapter 1</option>
  </select>

  <form action="Introduction.html" style="float:right"> 
    <input type="submit" value="< Prev" id="previous">
  </form>
  </style>

<footer id="foot01"></footer>

CSS

input[type=submit] {
    width: 5em;  height: 2em;
    border-radius: 5px;
    webkit-border-radius: 5px;
    background: webkit-linear-gradient(#fff, #ddd);
    background: linear-gradient(#fff, #ddd);
}
input[type=submit]:hover {
    background: #ddd;
}
#previous {
    width: 5em; height 2em;
    border-radius: 5px;
    webkit-border-radius: 5px;
}

#change{
    width: 9em; height: 2em;
    border-radius: 5px;
    webkit-border-radius: 5px;
}

footer#foot01 {
    color: #000;
    text-align:center;
    clear: right;
}

JavaScript

document.getElementById("foot01").innerHTML =
"<p><center>&copy;  "+ new Date().getFullYear() + " Richard. All rights reserved.</center></p>";