はてなブログで記事にカテゴリーを設定するとこんな感じで表示されますが
記事を下書きに保存してから再度記事を開くと表示が変わってしまいます。
新しくカテゴリーを設定してみると、そちらの表示は従来通り。
Chromeのデベロッパーツールで見てみると
カテゴリーを設定した直後
<span id="selected-categories"> <span class="category" data-category-name="はてな"> <span class="name">はてな</span>
下書きに保存したあと
<div class="category" data-category-name="はてな"> <span class="name">はてな</span>
CSS
#entry-categories span.category { padding: 0.2em; border: 1px solid #DDD; background-color: #EEE; border-radius: 0.1em; -o-border-radius: 0.1em; -moz-border-radius: 0.1em; -webkit-border-radius: 0.1em; margin-right: 5px; font-size: inherit; display: inline; word-wrap: break-word; }
categoryクラスにデザインが設定されていますが、spanに対して適用しているので、divだと適用されずこういう表示になっていると思われます。記事の投稿はできますし、あくまで見た目が違うだけです。設定済みのカテゴリーを区別するためともとれなくはないですが。