title: styled <span> inside markdown table
body: <p>I need to generate a markdown table with one of the columns that is style using a span. The span should look like this:</p>
  
  <p><a href="https://i.stack.imgur.com/cUlrA.png" rel="nofollow"><img src="https://i.stack.imgur.com/cUlrA.png" alt="span"></a></p>
  
  <p>However, when I add it inside the markdown, the styling is ignored (I think).
  How to fix this?</p>
  
  <p>My attempt here:</p>
  
  <pre><code>**Team**|**Build status**|**Coverage status**|**Coverage details**|**Contribution rate**    
  -----|-----|-----|-----|----
  [W09-C1](https://github.com/CS2103AUG2016-W09-C1/main/blob/master/docs/AboutUs.md)|[![Unknown](https://travis-ci.org/CS2103AUG2016-W09-C1/main.svg?branch=master)](https://travis-ci.org/CS2103AUG2016-W09-C1/main)|[![Unknown](https://coveralls.io/repos/github/CS2103AUG2016-W09-C1/main/badge.svg?branch=master)](https://coveralls.io/github/CS2103AUG2016-W09-C1/main?branch=master)|&lt;span style="display:inline-block; text-align: center; width:143px;  background: #50FC00; border-radius: 6px 0px 0px 6px; white-space:nowrap;"&gt;1435&lt;/span&gt;&lt;span style="display:inline-block; text-align: center; width:47px;  background: #FC5000; border-radius: 0px 0px 0px 0px; white-space:nowrap;"&gt;476&lt;/span&gt;&lt;span style="display:inline-block; text-align: center; width:172.2px;  background: #A900A9; border-radius: 0px 6px 6px 0px;  white-space:nowrap;"&gt;1722&lt;/span&gt;|[Contribution rate](https://github.com/CS2103AUG2016-W09-C1/main/graphs/contributors?from=2016-09-30&amp;to=2016-11-08&amp;type=c)
  [W09-C2](https://github.com/CS2103AUG2016-W09-C2/main/blob/master/docs/AboutUs.md)|[![Unknown](https://travis-ci.org/CS2103AUG2016-W09-C2/main.svg?branch=master)](https://travis-ci.org/CS2103AUG2016-W09-C2/main)|[![Unknown](https://coveralls.io/repos/github/CS2103AUG2016-W09-C2/main/badge.svg?branch=master)](https://coveralls.io/github/CS2103AUG2016-W09-C2/main?branch=master)|&lt;span style="display:inline-block; text-align: center; width:242px;  background: #50FC00; border-radius: 6px 0px 0px 6px; white-space:nowrap;"&gt;2424&lt;/span&gt;&lt;span style="display:inline-block; text-align: center; width:31px;  background: #FC5000; border-radius: 0px 0px 0px 0px; white-space:nowrap;"&gt;314&lt;/span&gt;&lt;span style="display:inline-block; text-align: center; width:290.88px;  background: #A900A9; border-radius: 0px 6px 6px 0px;  white-space:nowrap;"&gt;2908&lt;/span&gt;|[Contribution rate](https://github.com/CS2103AUG2016-W09-C2/main/graphs/contributors?from=2016-09-30&amp;to=2016-11-08&amp;type=c)
  </code></pre>
  
  <p>What I get:</p>
  
  <p><a href="https://i.stack.imgur.com/ZnDDe.png" rel="nofollow"><img src="https://i.stack.imgur.com/ZnDDe.png" alt="enter image description here"></a></p>