title: how to append items to the same row or line with ng-repeat
body: <p>I'd like to append items to the same row with ng-repeat, but it seems to add the items on a new line. In the following example I'd like them to be on the same row like:</p>
  
  <p>"John who is 25 years old. Jessie who is 30 years old. Johanna who is 28 years old."</p>
  
  <p>The result is instead:</p>
  
  <p>John who is 25 years old.<br>
   Jessie who is 30 years old.<br>
   Johanna who is 28 years old.</p>
  
  <p>How can I accomplish that?</p>
  
  <pre><code>&lt;div ng-init="friends = [
    {name:'John', age:25, gender:'boy'},
    {name:'Jessie', age:30, gender:'girl'},
    {name:'Johanna', age:28, gender:'girl'}
  ]"&gt;
  
  
  &lt;div ng-repeat="friend in friends"&gt;
      {{friend.name}} who is {{friend.age}} years old.
  &lt;/div&gt;
  </code></pre>
  
  <p>  </p>
  
  <p>Stone</p>