amelieykw

element.children(":first").toggleClass("redClass");

// select the first child element

amelieykw

Had to add flex-wrap to fix it.

<ul class="pagination flex-wrap">

demo

<div class="nav-scroller py-1 mb-2"> 
	 

amelieykw

html,body{
    height: 100%;
}
.outer{
    background-color:blue;
    height: 80%; border:red solid 2px;
    display: table;
    width:100%
}
.inner-title{

amelieykw

.arrow {
  height: 50px;
  position: relative;
  width: 30px;
  background: black;
  margin: 100px;
  display: inline-block;
}

.arrow:before {

amelieykw

To get to grasp with how Highcharts works it is important to understand the various parts or concepts of a chart.

Below is an image and a description of the main concepts in a chart.

Title

Is the text that will be presented at the top of a chart. more information

Series

amelieykw

Highcharts.chart('container', {
    chart: {
        plotBorderWidth: 1,
        marginLeft: 80
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    title: {
        text: 'Title aligned left',

amelieykw

amelieykw

Text

Documentation and examples for common text utilities to control alignment, wrapping, weight, and more.

Content

• 01 - Text alignment
• 02 - Text wrapping and overflow
• 03 - Text transform
• 04 - Font weight and italics

amelieykw

body {
    background: #eee;
    font-family: sans-serif;
}
.box {
    background: red;
    height: 200px;
    width: 200px;
}
.box h1 {

amelieykw

<div id="sortexample">
	<div class="sortitem" sortweight="5">Pears [sortweight: 5]</div>
	<div class="sortitem" sortweight="3">Apples [sortweight: 3]</div>
	<div class="sortitem" sortweight="1">Cherries [sortweight: 1]</div>
	<div class="sortitem" sortweight="4">Oranges [sortweight: 4]</div>
	<div class="sortitem" sortweight="2">Strawberries [sortweight: 2]</div>
</div>