diff --git a/examples/routers/card.vue b/examples/routers/card.vue
index 1a6e9223..5fa851db 100644
--- a/examples/routers/card.vue
+++ b/examples/routers/card.vue
@@ -2,7 +2,7 @@
     <Card style="width:350px">
         <p slot="title">
             <Icon type="ios-film-outline"></Icon>
-            经典电影
+            <span>经典电影</span>
         </p>
         <a href="#" slot="extra" @click.prevent="changeLimit">
             <Icon type="ios-loop-strong"></Icon>
diff --git a/src/components/card/card.vue b/src/components/card/card.vue
index 90984fcf..3bdc788e 100644
--- a/src/components/card/card.vue
+++ b/src/components/card/card.vue
@@ -3,7 +3,7 @@
         <div :class="headClasses" v-if="showHead"><slot name="title">
             <p v-if="title">
                 <Icon v-if="icon" :type="icon"></Icon>
-                {{title}}
+                <span>{{title}}</span>
             </p>
         </slot></div>
         <div :class="extraClasses" v-if="showExtra"><slot name="extra"></slot></div>
diff --git a/src/styles/mixins/content.less b/src/styles/mixins/content.less
index a98403f4..c9d65cdf 100644
--- a/src/styles/mixins/content.less
+++ b/src/styles/mixins/content.less
@@ -19,7 +19,7 @@
         text-overflow: ellipsis;
         white-space: nowrap;
     }
-    p i{
+    p i, p span{
         vertical-align: middle;
     }
 }