JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://openlayers.org/en/v3.0.0/css/ol.css">
<script src="http://openlayers.org/en/v3.0.0/build/ol.js"></script>
<h2>OpenLayers 3 Test</h2>
    <div id="map" class="map" style="position:absolute; top:60px; left: 0px; right:0px; bottom:0px;" tabindex="0"></div>

JavaScript

var map = new ol.Map({
     layers: [
          new ol.layer.Tile({source: new ol.source.OSM({url: "http://b.tile.openstreetmap.de/tiles/osmde/{z}/{x}/{y}.png", crossOrigin: null})})
     ],
     view: new ol.View({
          center:  ol.proj.transform([8,50], 'EPSG:4326', 'EPSG:3857'),
          zoom: 12
     }),
     interactions: ol.interaction.defaults({keyboard: true}) ,
     target: 'map'
});