jeffjax/index.html

## index.html
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>JS Bin</title>
      <link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
<script src="http://js.arcgis.com/3.13/"></script>
<style id="jsbin-css">
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 66%;
  overflow: hidden;
}

li {
  font-size: 20px;
  padding: 10px;
}

#bruins {
  height: 34%;
  overflow: scroll;
}
</style>
</head>
<body>


  <div id="map"></div>
  <div id="bruins">
    <ul>
      <li>Chara</li>
      <li>Seidenberg</li>
      <li>Hamilton</li>
      <li>Krug</li>
      <li>McQuaid</li>
      <li>Krejci</li>
      <li>Lucic</li>
      <li>Pastrnak</li>
      <li>Bergeron</li>
      <li>Smith</li>
      <li>Marchand</li>
      <li>Soderberg</li>
      <li>Kelly</li>
      <li>Erickson</li>
      <li>Campbell</li>
      <li>Paille</li>
      <li>Talbot</li>
      <li>Rask</li>
      <li>Svedberg</li>
    </ul>
  </div>
<script id="jsbin-javascript">
require(["esri/map", "dojo/domReady!"], function(Map) {
  var map = new Map("map", {
    center: [-118, 34.5],
    zoom: 8,
    basemap: "topo"
  });
});
</script>


<script id="jsbin-source-css" type="text/css">html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 66%;
  overflow: hidden;
}

li {
  font-size: 20px;
  padding: 10px;
}

#bruins {
  height: 34%;
  overflow: scroll;
}</script>

<script id="jsbin-source-javascript" type="text/javascript">require(["esri/map", "dojo/domReady!"], function(Map) {
  var map = new Map("map", {
    center: [-118, 34.5],
    zoom: 8,
    basemap: "topo"
  });
});</script></body>
</html>

## jsbin.yabuxo.css
html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#map {
  height: 66%;
  overflow: hidden;
}

li {
  font-size: 20px;
  padding: 10px;
}

#bruins {
  height: 34%;
  overflow: scroll;
}

## jsbin.yabuxo.js
require(["esri/map", "dojo/domReady!"], function(Map) {
  var map = new Map("map", {
    center: [-118, 34.5],
    zoom: 8,
    basemap: "topo"
  });
});
	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	<link href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
	<link rel="stylesheet" href="http://js.arcgis.com/3.13/esri/css/esri.css">
	<script src="http://js.arcgis.com/3.13/"></script>
	<style id="jsbin-css">
	html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	}

	#map {
	height: 66%;
	overflow: hidden;
	}

	li {
	font-size: 20px;
	padding: 10px;
	}

	#bruins {
	height: 34%;
	overflow: scroll;
	}
	</style>
	</head>
	<body>


	<div id="map"></div>
	<div id="bruins">
	<ul>
	<li>Chara</li>
	<li>Seidenberg</li>
	<li>Hamilton</li>
	<li>Krug</li>
	<li>McQuaid</li>
	<li>Krejci</li>
	<li>Lucic</li>
	<li>Pastrnak</li>
	<li>Bergeron</li>
	<li>Smith</li>
	<li>Marchand</li>
	<li>Soderberg</li>
	<li>Kelly</li>
	<li>Erickson</li>
	<li>Campbell</li>
	<li>Paille</li>
	<li>Talbot</li>
	<li>Rask</li>
	<li>Svedberg</li>
	</ul>
	</div>
	<script id="jsbin-javascript">
	require(["esri/map", "dojo/domReady!"], function(Map) {
	var map = new Map("map", {
	center: [-118, 34.5],
	zoom: 8,
	basemap: "topo"
	});
	});
	</script>


	<script id="jsbin-source-css" type="text/css">html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	}

	#map {
	height: 66%;
	overflow: hidden;
	}

	li {
	font-size: 20px;
	padding: 10px;
	}

	#bruins {
	height: 34%;
	overflow: scroll;
	}</script>

	<script id="jsbin-source-javascript" type="text/javascript">require(["esri/map", "dojo/domReady!"], function(Map) {
	var map = new Map("map", {
	center: [-118, 34.5],
	zoom: 8,
	basemap: "topo"
	});
	});</script></body>
	</html>