/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

1 vote248 views1 answer
Angular JavaScript heap out of memory
Javascript AngularJS
2 votes262 views1 answer
What is the use of angularjs
Javascript AngularJS
0 vote277 views1 answer
Angular view not changing on model
Javascript AngularJS
0 vote228 views2 answers
Fs in angular
Javascript AngularJS
2 votes242 views3 answers
Angular auth guard
Javascript AngularJS
0 vote243 views1 answer
Angular append to FormControl errors
Javascript AngularJS
1 vote228 views1 answer
Exponent form calculator in angular
Javascript AngularJS
0 vote259 views1 answer
Angular resolver for cookie
Javascript AngularJS
4 votes358 views2 answers
Placeholder in angular 9 select with working required
Javascript AngularJS
1 vote266 views1 answer
Button disabled angular
Javascript AngularJS