Add the <t> element and ignore whitespace outside it.

sky/examples/city-list/city-list.sky

 <!--
 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 -->
 <import src="../../framework/sky-element/sky-element.sky" as="SkyElement" />
 <import src="city-data-service.sky" as="CityDataService" />
 <import src="city-sequence.sky" as="CitySequence" />
 
 <script>
@@ skipping 71 matching lines @@
       display: inline;
     }
 
     #name {
       font-weight: bold
     }
 
     #population {
       color: #AAA;
     }
-
   </style>
   <div>
-    <span id="name">{{ name }}</span>,
+    <span id="name">{{ name }}</span>
+    <t>, </t>
     <span id="population">population {{ population }}</span>
   </div>
 </template>
 <script>
 module.exports.CityItemElement = class extends SkyElement {
   created() {
     this.name = "";
     this.population = "";
   }
   set datum(datum) {
@@ skipping 513 matching lines @@
 
       scrollBy(amount) {
         this.scrollerElement.scrollTop += amount;
         this.handleScroll({ target: this.scrollerElement });
       }
     }.register();
 
 })(this);
 </script>
 </sky-element>