<body class="body index clearfix">
<div class="element element-1"></div>
<div class="element _container">
<p class="text js-letssee">Let's see if the text stays in this box. It doesn't.</p>
</div>
</body>

body {
background-color: rgb(255, 255, 255);
font: 300 0.813em/1.08 'Open Sans Condensed';
color: rgb(255, 255, 255);
}

.element {
position: relative;
}

.text {
float: left;
margin-top: 10px;
padding: 3px;
border-radius: 5px;
font-size: 1em;
color: rgb(255, 255, 255);
}

._container {
float: left;
clear: both;
z-index: 2;
width: 25.6666666666%;
height: 50px;
margin: -67px 0 0 17.5%;
background-color: rgb(44, 46, 66);
}

.element-1 {
z-index: 0;
width: 80%;
height: 89px;
margin: 258px auto 0;
border-radius: 5px;
background-color: rgb(207, 56, 23);
box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}