JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<script src="https://raw.github.com/SteveSanderson/knockout.mapping/master/build/output/knockout.mapping-latest.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-combined.min.css">
<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<div class="side-study-box">
            <div class="side-box-content">
                <pre class="text-content-saved">
                    Test
                    test
                    test
                    Test
                    test
                    test
                    Test
                    test
                    test
                    Test
                    test
                    test
                </pre>
            </div>
        </div>

CSS

.side-study-box {
    background-color: white;
    color: black;
    border: 1px solid #3D6AA2;
    display: table;
    width: 100%;
    border-spacing:1em;
}
.side-box-content {
width: 100%;
  height: ;
   display: table-cell;
}
.text-content-saved {
   max-height:160px;
   overflow:hidden;
    padding:5px;
}