docs(playground): fix status labels in card with table sample (#71)

Author: ilhan007

packages/main/test/sap/ui/webcomponents/main/samples/Card.sample.html

@@ -73,6 +73,7 @@
 		.item-content-begin-title {
 			padding-bottom: 0.25rem;
 		}
+
 		.status-error {color: #b00;}
 		.status-warning {color: #e9730c;}
 		.status-success {color: #107e3e;}
@@ -186,7 +187,7 @@ <h3>Card with Table</h3>
 								<ui5-label>6k USD</ui5-label>
 						</ui5-table-cell>
 						<ui5-table-cell data-ui5-slot="cells">
-							<ui5-label class="status-success">Aproved</ui5-label>
+							<span class="status-success">Aproved</span>
 						</ui5-table-cell>
 					</ui5-table-row>
 
@@ -201,7 +202,7 @@ <h3>Card with Table</h3>
 								<ui5-label>2k USD</ui5-label>
 						</ui5-table-cell>
 						<ui5-table-cell data-ui5-slot="cells">
-							<ui5-label class="status-error">Rejected</ui5-label>
+							<span class="status-error">Rejected</span>
 						</ui5-table-cell>
 					</ui5-table-row>
 
@@ -216,7 +217,7 @@ <h3>Card with Table</h3>
 								<ui5-label>17k USD</ui5-label>
 						</ui5-table-cell>
 						<ui5-table-cell data-ui5-slot="cells">
-							<ui5-label class="status-warning">Pending</ui5-label>
+							<span class="status-warning">Pending</<span >
 						</ui5-table-cell>
 					</ui5-table-row>
 				</ui5-table>
@@ -225,6 +226,11 @@ <h3>Card with Table</h3>
 
 		<pre class="prettyprint lang-html">
 <xmp>
+<style>
+.status-error {color: #b00;}
+.status-warning {color: #e9730c;}
+.status-success {color: #107e3e;}
+</style>
 <ui5-card heading="New Purchase Orders" subtitle="Today" status="3 of 15" class="medium">
 	<ui5-table class="demo-table content-padding">
 		<!-- Columns -->
@@ -264,7 +270,7 @@ <h3>Card with Table</h3>
 					<ui5-label>2k USD</ui5-label>
 			</ui5-table-cell>
 			<ui5-table-cell data-ui5-slot="cells">
-				<ui5-label class="status-error">Rejected</ui5-label>
+				<span class="status-error">Rejected</span>
 			</ui5-table-cell>
 		</ui5-table-row>
 		...