JSFiddle - React, Tailwind, and code Playground

by Roman Zhak

HTML

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<div class="phones clearfix" ng-controller="demo">
  <div ng-repeat="phone in phones">{{phone}}</div>
</div>

CSS

.phones {
  width: 330px;
}

.phones > div {
   float: left;
   width: 100px;
   height: 100px; 
   margin: 3px;
   border: 2px solid black;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

JavaScript

var app = angular.module('app', [])

   .controller('demo', function($scope){
      $scope.phones = ['Nokia', 'IPhone', 'SE', 'Samsung', 'HTC'];
    });

   angular.bootstrap(document, ['app']);