JSFiddle - React, Tailwind, and code Playground

by jmeas0117

CSS

<!DOCTYPE html>
<div style="width:900px;height:600px;line-height:3em;overflow:scroll;padding:5px;background-color:#F3F3F3;color:#714D03;scrollbar-base-color:#DEBB07;">

<html lang="en">
<head>
<title>Page Title</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
/* Style the body */
body {
  font-family: Arial;
  margin: 0;
}

/* Header/Logo Title */
.header {
  padding: 15px;
  text-align: center;
  background: #3A5590;
  color: white;
  font-size: 18px;
}

/* Page Content */
.content {padding:20px;}
</style>
</head>
<body>

<div class="header">
  <h1>Companies Curtailing Russia Timeline</h1>
  <p>Withdrawals and Suspensions</p>
  <p><a href="https://som.yale.edu/story/2022/over-450-companies-have-withdrawn-russia-some-remain"><small>Company data is from Yale School of Management</a></small></p>
</div>

</body>
</html>

<html>
<head>
<style>
a:link {
  text-decoration: none;
  color: black;
}

a:visited {
  text-decoration: none;
  color: dark grey;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}

</style>
</head>
</html>


<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
* {
  box-sizing: border-box;
}

body {
  background-color: lightgrey;
  font-family: Helvetica, sans-serif;
}

/* The actual timeline (the vertical ruler) */
.timeline {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
}

/* The actual timeline (the vertical ruler) */
.timeline::after {
  content: '';
  position: absolute;
  width: 6px;
  background-color: lightsteelblue;
  top: 0;
  bottom: 0;
  left: 50%;
  margin-left: -3px;
}

/* Container around content */
.container {
  padding: 10px 40px;
  position: relative;
  background-color: inherit;
  width: 50%;
}

/* The circles on the timeline */
.container::after {
  content: '';
  position: absolute;
  width: 25px;
  height: 25px;
  right: -17px;
  background-color: slategrey;
  border: 4px...