/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 vote205 views1 answer
Change items per page pagination angularjs
Javascript AngularJS
0 vote228 views1 answer
Loader service show hide unit test angular
Javascript AngularJS
3 votes201 views1 answer
Angular map
Javascript AngularJS
0 vote185 views1 answer
Percent pipe angular example
Javascript AngularJS
0 vote234 views1 answer
Not Found The requested URL was not found on this server angular routing when going back to site from ecternal source
Javascript AngularJS
2 votes264 views1 answer
Disable formcontrol angular
Javascript AngularJS
139 votes378 views6 answers
Angular cli
Javascript AngularJS
0 vote230 views1 answer
Angularjs download xml file
Javascript AngularJS
0 vote225 views1 answer
Angular material nested tree
Javascript AngularJS
0 vote208 views1 answer
Ag grid angular examples
Javascript AngularJS