/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 vote229 views4 answers
Progress bar loader angular
Javascript AngularJS
29 votes261 views2 answers
ERESOLVE unable to resolve dependency tree npm ERR npm ERR! Found: @angular/[email protected] npm ERR! node_modules/@angular/core
Javascript AngularJS
0 vote223 views1 answer
VideoTitle$ Angular 2 - communication between two sibling components
Javascript AngularJS
12 votes228 views3 answers
Angular create guard
Javascript AngularJS
8 votes234 views2 answers
Angular date pipi locale
Javascript AngularJS
5 votes201 views3 answers
We need a server for server side rendering of angular
Javascript AngularJS
0 vote258 views2 answers
Angularjs - controllerAs
Javascript AngularJS
0 vote209 views2 answers
Adding background video angular 6
Javascript AngularJS
3 votes227 views3 answers
AngularJs drag and drop
Javascript AngularJS
8 votes230 views3 answers
How to use another port in angular
Javascript AngularJS