/Javascript/AngularJS/How to make color squares in angular

How to make color squares in angular

<div><div class='box red'></div>= Super Fast Trains</div>
<br>
<div><div class='box green'></div>= Mail/Express Trains</div>
<br>
<div><div class='box blue'></div>= Local/ Passenger Trains</div>


// CSS

.box {
  float: left;
  height: 20px;
  width: 20px;
  margin-bottom: 15px;
  border: 1px solid black;
  clear: both;
}

.red {
  background-color: red;
}

.green {
  background-color: green;
}

.blue {
  background-color: blue;
}

Source: stackoverflow.com

Similar codes

0 vote120 views2 answers
Angular scroll to element horizontally
Javascript AngularJS
10 votes131 views5 answers
Angularjs foreach
Javascript AngularJS
0 vote134 views1 answer
Angular JS Interpolation
Javascript AngularJS
4 votes120 views3 answers
In angular how to get router url without query params
Javascript AngularJS
33 votes260 views6 answers
Angular add bootstrap
Javascript AngularJS
0 vote121 views1 answer
AngularFireDatabase não é mais um observable??
Javascript AngularJS
0 vote125 views1 answer
Angular disabled condition based
Javascript AngularJS
0 vote119 views1 answer
Url validation in formcontrol angular 8
Javascript AngularJS
1 vote120 views1 answer
Angular cli path environment variable
Javascript AngularJS
1 vote122 views1 answer
Angular validators number only in reactive form
Javascript AngularJS