.activeChart { position: relative; } .activeChartGrid { p { position: absolute; top: 80px; } p:last-child { top: 115px; } } .activeChartLegend { position: relative; font-size: 0; margin-top: 8px; height: 20px; line-height: 20px; span { display: inline-block; font-size: 12px; text-align: center; width: 33.33%; } span:first-child { text-align: left; } span:last-child { text-align: right; } } .dashedLine { position: relative; height: 1px; top: -70px; left: -3px; .line { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, transparent 50%, #e9e9e9 50%); background-size: 6px; } } .dashedLine:last-child { top: -36px; }