<div id="DIV_1">
	<div id="DIV_2">
		<div id="DIV_3">
			<span id="SPAN_4">dfjgddsasddsadsadsadsdsaadsadsadsakfghdkfgh</span><span id="SPAN_5">test</span>
		</div>
	</div>
	<div id="DIV_6">
		<div id="DIV_7">
		</div>
	</div>
</div>
#DIV_1 {
  align-items: center;
  display: flex; 
  flex: 1 1 0%;
}

#DIV_2 {
  align-items: center;
  display: flex;
}

#DIV_3 {
  transition: transform 0.15s ease-out 0s, -webkit-transform 0.15s ease-out 0s;
}


#SPAN_4 {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#SPAN_5 {
  font-weight: bold
}
document.getElementsByTagName("h1")[0].style.fontSize = "6vw";

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.