JSFiddle - React, Tailwind, and code Playground

by Scott Hamm

HTML

<base target="iframe_a">
<div id="main">
	<div id="Header">
		<h1>ASL That!</h1>
	</div><!-- Header -->
	<div id="menu">
	<ol>
	<li>Deaf Accents</li>
		<ol type=a>
			<li><a href="DATA/0W0A4965.MOV">Soon</a></li>
			<li><a href="DATA/0W0A4966.MOV">Gulp</a></li>
			<li><a href="DATA/0W0A4967.MOV">Early</a></li>
			<li><a href="DATA/0W0A4968.MOV">Dangerous</a></li>
			<li><a href="DATA/0W0A4969.MOV">Can't</a></li>
			<li><a href="DATA/0W0A4970A.MOV">Watch</a></li>
			<li><a href="DATA/0W0A4971.MOV">Remember</a></li>
		</ol>
	</ol>	
	</div><!-- menu -->
	<div id="video"> 
		<!-- width: 1280 height: 720 -->
<!--		<video id="sampleMovie" width="1280" height="720" target="iframe_a" controls autoplay ></video>
-->

		<iframe 
			id="iframe_a" 
			name="iframe_a" 
			width="1280" 
			height="720"></iframe>
	</div><!-- video -->

    </body>

CSS

div#menu {
    width:200px;
    border:1px solid #000;
    float:left;
}
div#video {
    float:left;
}