JSFiddle - React, Tailwind, and code Playground

by mxxxl

HTML

<html>
	<head>

		<title>Jenseits der Natur_Volksherrschaft im Garten</title>
    
    <!--Example CSS-->
		<link href="ExampleStyle.css" type="text/css" rel="stylesheet"/>
		<style>
			.outerDiv
			{
				height: 500px;
				width: 800px;
				margin: 0px auto;
				padding: 5px;
			}
			.leftDiv
			{
				height: 400px;
				width: 48%;
				float: left;
			}
			.rightDiv
			{
				height: 400px;
				width: 48%;
				float: right;
			}	
      
      .text
      {
 background-color:#b9d692;
 color:red;
 font-family:Sans-serif;
 padding: 15px

      }
		</style>
	
 
    
    </head>
	<body style="background-color:#b9d692; background-image: url(http://jdn.clubreal.de/infografik_640.jpg); text-align: center;">
		<h3 class="text">
2. Parlamentssitzung der Volksherrschaft im Garten Berlin
</h3>


		<iframe src=http://jdn.clubreal.de/ADO_de.pdf width=100% height=100px></iframe>



		<div class="outerDiv">
			<div class="leftDiv">
      <h5 class="text">
Livestream der Parlamentssitzung
</h5>
      
				<iframe width=100%  height=400px src="https://www.youtube.com/embed/9LRe_KlUwAQ?autoplay=1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

			</div>
			<div class="rightDiv">
 <embed width=800px height=400px data=”http://jdn.clubreal.de/ADO_de.pdf type”application/pdf” src=http://jdn.clubreal.de/ADO_de.pdf></embed>


<h4 style="background-color:#b9d692; color:red; font-family:Sans-serif; padding: 15px">
 Folge 1: Gel&auml;ndesicherheit
</h4>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<br>

<h4 style="background-color:#b9d692; color:red; font-family:Sans-serif; padding: 15px">
Folge 2: Serve and Protect
</h4>

<audio controls>
  <source src="horse.ogg" type="audio/ogg">
  <source src="horse.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>

<br>

<h4...