break words

src/DotNetMashup.Web/Views/Shared/DisplayTemplates/BlogPostExternalData.cshtml

@@ -7,7 +7,7 @@
             <div class="col-md-8"><h2><i class="fa fa-book" style="font-size:32px"></i> @Model.Author.Name </h2></div>
         </div>
         <div class="row">
-            <div class="col-md-12">
+            <div class="col-md-12 breakword">
                 <h2><a href="@Model.OriginalLink">@Model.Title</a></h2>
                 @Html.Raw(Model.Content)<span>
                     <a href="@Model.OriginalLink">Read Further</a>

src/DotNetMashup.Web/Views/Shared/DisplayTemplates/GithubAnnouncement.cshtml

@@ -7,7 +7,7 @@
             <div class="col-md-6"><h2><i class="fa fa-github" style="font-size:32px"></i> @Model.Author.Name <a href="@Model.OriginalLink">#@Model.IssueNumber</a> </h2></div>
         </div>
         <div class="row">
-            <div class="col-md-12">@Html.Raw(@Model.Content)</div>
+            <div class="col-md-12 breakword">@Html.Raw(Model.Content)</div>
         </div>
     </div>
 </div>

src/DotNetMashup.Web/wwwroot/css/site.css

@@ -53,6 +53,7 @@ footer {
     }
 }
 
-.tile > * > p {
-    white-space: pre-line;
+.breakword {
+    -ms-word-wrap: break-word;
+    word-wrap: break-word;
 }