user63: The tag names on beta sites seem to cut into one another due to the nature of display:inline: 

The class declaration in question are .ob-post-tag, .ob-user-tag located in http://or.cdn.sstatic.net/chat/css/chat.stackexchange.com.css
However, it does not seem to be an issue with the chat room tags:

There's also no issue with lists items either:

some-long-namesome-long-namesome-long-namesome-long-namesome-long-namesome-long-namesome-long-name
short-name

The question tag list on all SE sites do not have this issue as well.

user63: The problem seems to stem from the lack of the following attributes to the above mentioned class definition:

line-height (1.4, to be consistant with other sites)
margin (~2px should be enough)
white-space (set to nowrap to keep tags as one block in narrower containers like those in chat)

Adding these missing styles to the .ob-post-tag, .ob-user-tag class declaration should resolve this issue. 

63: <p>The <a href="https://anime.stackexchange.com/questions/tagged/tag" class="post-tag" title="show questions tagged &#39;tag&#39;" rel="tag">tag</a> names on beta sites seem to cut into one another due to the nature of <code>display:inline</code>: </p>

<p><img src="https://i.stack.imgur.com/BMgmB.png" alt="Exhibit 1"></p>

<p>The class declaration in question are <code>.ob-post-tag, .ob-user-tag</code> located in <code>http://or.cdn.sstatic.net/chat/css/chat.stackexchange.com.css</code></p>

<p>However, it does not seem to be an issue with the chat room tags:</p>

<p><img src="https://i.stack.imgur.com/c4AMz.png" alt="Exhibit 2"></p>

<p>There's also no issue with lists items either:</p>

<ul>
<li><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a><a href="https://anime.stackexchange.com/questions/tagged/some-long-name" class="post-tag" title="show questions tagged &#39;some-long-name&#39;" rel="tag">some-long-name</a></li>
<li><a href="https://anime.stackexchange.com/questions/tagged/short-name" class="post-tag" title="show questions tagged &#39;short-name&#39;" rel="tag">short-name</a></li>
</ul>

<p>The question tag list on all SE sites do not have this issue as well.</p>
 63: <p>The problem seems to stem from the lack of the following attributes to the above mentioned class definition:</p>

<ul>
<li><code>line-height</code> (1.4, to be consistant with other sites)</li>
<li><code>margin</code> (~2px should be enough)</li>
<li><code>white-space</code> (set to <code>nowrap</code> to keep tags as one block in narrower containers like those in chat)</li>
</ul>

<p>Adding these missing styles to the <code>.ob-post-tag, .ob-user-tag</code> class declaration should resolve this issue. </p>
