<!DOCTYPE html>
<html>
<head>
<title>My Example</title>
<style>
body {
margin-bottom: 200%;
font: 24px/36px sans-serif;
}
#panel {
width:740px;
margin: 0 auto;
}
/* SCROLL BARS"/
/* Force scrollbars onto browser window */
.myScrollBox {
border: none;
padding: 5px;
font: 24px/36px sans-serif;
width: 680px;
height: 80px;
overflow-y:hidden;overflow-x:scroll;
}
/* Scrollbar styles */
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
.myScrollBox::-webkit-scrollbar-track {
border: 1px solid yellowgreen;
border-radius: 10px;
}
.myScrollBox::-webkit-scrollbar-thumb {
background: yellowgreen;
border-radius: 10px;
}
.myScrollBox::-webkit-scrollbar-thumb:hover {
background: #88ba1c;
}
.space{padding: 1em 2em 0 2em}
/*BLOCKQUOTE*/
blockquote {
background: #f9f9f9;
border-left: 15px solid #0283a8;
margin: 1.5em 10px;
padding: 0.5em 10px;
quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
color: #0283a8;
content: open-quote;
font-size: 8em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
font: 24px/36px sans-serif;
}
.author {
text-align:right;
font-size:.8em;
}
</style>
</head>
<body>
<!-- HTML -->
<div id="panel">
<div class="myScrollBox">
<div style="width:1250%;">lower IQ than genetically predicted<img src="dot.png" width="25" height="25" alt="" class="space" />impaired learning ability and difficulty processing information (such as not being able to remember or follow instructions, or poor verbal receptive skills) Other functional issues regularly observed include attention deficits, decreased proficiency in cognitive planning , reduced working memory , reduced response inhibition [19], socially inappropriate behaviors [20, 21], social cognition and emotion processing problems and deficits in fine motor and visual/spatial functions. Physical abnormalities and facial dysmorphology</div>
</div>
<div id="panel">
<div class="myScrollBox">
<div style="width:1250%;"><img src="pathway1.png" width="25" height="25" alt="" class="space" /></div>
</div>
<a name="quotesnippet"></a>
<h3>Quote Panel</h3>
<div>
<blockquote><p>We do not know exactly how much alcohol in pregnancy will be certain to damage the embryo/fetus nor can we be certain that any specific amount is safe in all pregnancies. However, because science has not determined a safe level of alcohol that may be consumed during pregnancy, the relativeE risk of an FASD is created any time a woman consumes alcohol while pregnant.</p> <div class="author">- Sterling Clarren, MD</div></blockquote>
</div>
</div>
</body>
</html>