diff --git a/dist/css/ionic-ios7.css b/dist/css/ionic-ios7.css
index 6d525f329f..7e6a2d5f31 100644
--- a/dist/css/ionic-ios7.css
+++ b/dist/css/ionic-ios7.css
@@ -1220,15 +1220,19 @@ button.item-icon-right .item-content:after {
     width: 100%; }
 
 .item-image .item-content {
-  text-align: center;
-  padding: 0; }
+  padding: 0;
+  text-align: center; }
   .item-image .item-content img:first-child, .item-image .item-content .list-img {
     width: 100%; }
 
 .item-body .item-content {
-  padding: 15px; }
+  overflow: auto;
+  padding: 15px;
+  text-overflow: inherit;
+  white-space: normal; }
   .item-body .item-content h1, .item-body .item-content h2, .item-body .item-content h3, .item-body .item-content h4, .item-body .item-content h5, .item-body .item-content h6, .item-body .item-content p {
-    margin: 15px; }
+    margin-top: 15px;
+    margin-bottom: 15px; }
 
 .item-divider {
   margin: -1px;
diff --git a/dist/css/ionic-scoped.css b/dist/css/ionic-scoped.css
index f78db47c8c..3d676b7036 100644
--- a/dist/css/ionic-scoped.css
+++ b/dist/css/ionic-scoped.css
@@ -1931,14 +1931,18 @@
       max-height: 80px;
       width: 100%; }
   .ionic .item-image .item-content {
-    text-align: center;
-    padding: 0; }
+    padding: 0;
+    text-align: center; }
     .ionic .item-image .item-content img:first-child, .ionic .item-image .item-content .list-img {
       width: 100%; }
   .ionic .item-body .item-content {
-    padding: 15px; }
+    overflow: auto;
+    padding: 15px;
+    text-overflow: inherit;
+    white-space: normal; }
     .ionic .item-body .item-content h1, .ionic .item-body .item-content h2, .ionic .item-body .item-content h3, .ionic .item-body .item-content h4, .ionic .item-body .item-content h5, .ionic .item-body .item-content h6, .ionic .item-body .item-content p {
-      margin: 15px; }
+      margin-top: 15px;
+      margin-bottom: 15px; }
   .ionic .item-divider {
     margin: -1px;
     padding: 5px 15px;
diff --git a/dist/css/ionic.css b/dist/css/ionic.css
index bb6c3222e9..45e17e3c02 100644
--- a/dist/css/ionic.css
+++ b/dist/css/ionic.css
@@ -2363,15 +2363,19 @@ button.item-icon-right .item-content:after {
     width: 100%; }
 
 .item-image .item-content {
-  text-align: center;
-  padding: 0; }
+  padding: 0;
+  text-align: center; }
   .item-image .item-content img:first-child, .item-image .item-content .list-img {
     width: 100%; }
 
 .item-body .item-content {
-  padding: 15px; }
+  overflow: auto;
+  padding: 15px;
+  text-overflow: inherit;
+  white-space: normal; }
   .item-body .item-content h1, .item-body .item-content h2, .item-body .item-content h3, .item-body .item-content h4, .item-body .item-content h5, .item-body .item-content h6, .item-body .item-content p {
-    margin: 15px; }
+    margin-top: 15px;
+    margin-bottom: 15px; }
 
 .item-divider {
   margin: -1px;
diff --git a/scss/ionic/_items.scss b/scss/ionic/_items.scss
index 04f71af404..96736bc732 100644
--- a/scss/ionic/_items.scss
+++ b/scss/ionic/_items.scss
@@ -221,8 +221,8 @@ button.item-icon-right {
 // -------------------------------
 
 .item-image .item-content {
-  text-align: center;
   padding: 0;
+  text-align: center;
   
   img:first-child, .list-img {
     width: 100%;
@@ -234,10 +234,14 @@ button.item-icon-right {
 // -------------------------------
 
 .item-body .item-content {
+  overflow: auto;
   padding: $item-padding;
+  text-overflow: inherit;
+  white-space: normal;
   
   h1, h2, h3, h4, h5, h6, p {
-    margin: $item-padding;
+    margin-top: $item-padding;
+    margin-bottom: $item-padding;
   }
 }
 
diff --git a/test/cards.html b/test/cards.html
index 142bd58d10..eb4fb42667 100644
--- a/test/cards.html
+++ b/test/cards.html
@@ -18,7 +18,7 @@
       <main class="content has-header">
         
         <div class="card">
-          <div class="item item-content">
+          <div class="item item-content item-text-wrap">
             This is a basic Card with some text.
           </div>
         </div>
@@ -27,7 +27,7 @@
           <div class="item item-divider">
             I'm a Header in a Card!
           </div>
-          <div class="item item-content">
+          <div class="item item-content item-text-wrap">
             This is a basic Card with some text.
           </div>
         </div>
@@ -36,7 +36,7 @@
           <div class="item item-divider">
             I'm a Header in a Card!
           </div>
-          <div class="item item-content">
+          <div class="item item-content item-text-wrap">
             This is a basic Card with some text.
           </div>
           <div class="item item-divider">