/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 vote191 views1 answer
Delete from array in angular
Javascript AngularJS
8 votes207 views4 answers
Angular moment
Javascript AngularJS
2 votes220 views1 answer
Angular 8 how to iterate json object in view
Javascript AngularJS
0 vote193 views1 answer
Const link = document.createElement('a'); angular10
Javascript AngularJS
0 vote188 views1 answer
Remove unused javascript angular
Javascript AngularJS
1 vote201 views1 answer
Angular infinite scroll
Javascript AngularJS
0 vote204 views1 answer
How to add dropdown with filter in angular material
Javascript AngularJS
0 vote211 views2 answers
Aos animation angular
Javascript AngularJS
1 vote188 views4 answers
Get rid of white space around Angular Material modal dialog
Javascript AngularJS
0 vote177 views2 answers
Angular detect navigation change
Javascript AngularJS