How to add html to title output of taxonomy terms in Drupal 7? I just cant figure it out. How can change the title output of a term?
I have a content type which displays the selected terms. The term is displayed as a link. How can I change this:

&lt;div class="field-item even"&gt;
    &lt;a href="/category/fe-sub"&gt;FE-Sub&lt;/a&gt;
&lt;/div&gt;


to something like this:

&lt;div class="field-item even"&gt;
    &lt;a href="/category/fe-sub"&gt;
        &lt;strong&gt;FE-Sub&lt;/strong&gt;
    &lt;/a&gt;
&lt;/div&gt;


Edit: I tried it out with mymodule_preprocess_field(&amp;$variables) but you may not enter html, it will print "-Element

function proposals_preprocess_field(&amp;$variables) {
    if (isset($variables) &amp;&amp; isset($variables['items']['0']['#options']['entity_type']) &amp;&amp; $variables['items']['0']['#options']['entity_type'] == 'taxonomy_term') {
        $variables['items']['0']['#title'] = '&lt;b&gt;'.$variables['items']['0']['#title'].'&lt;/b&gt;';
    }
}


renders link text:

&lt;strong&gt;term title&lt;/strong&gt; instead of term title

EDIT: here is how i made it work:
in your template.php:

function yourtheme_field__taxonomy_term_reference($variables) {
  $output = '';

  // Render the label, if it's not hidden.
  if (!$variables['label_hidden']) {
    $output .= '&lt;h3 class="field-label"&gt;' . $variables['label'] . ': &lt;/h3&gt;';
  }

  // Render the items.
  $output .= ($variables['element']['#label_display'] == 'inline') ? '&lt;ul class="links inline"&gt;' : '&lt;ul class="links"&gt;';

  foreach ($variables['items'] as $delta =&gt; $item) {
    // allow html
    $item['#options']['html'] = TRUE;
    // set html
    $item['#title'] = '&lt;span class="label label-info"&gt;'.$item['#title'].'&lt;/span&gt;';

    $output .= '&lt;li class="taxonomy-term-reference-' . $delta . '"' . $variables['item_attributes'][$delta] . '&gt;' . drupal_render($item) . '&lt;/li&gt;';
  }
  $output .= '&lt;/ul&gt;';

  // Render the top-level DIV.
  $output = '&lt;div class="' . $variables['classes'] . (!in_array('clearfix', $variables['classes_array']) ? ' clearfix' : '') . '"' . $variables['attributes'] .'&gt;' . $output . '&lt;/div&gt;';

  return $output;
}
To make changes to the taxonomy term out put you can use the below function. This is taken from the batrik theme so you would use the function mytheme_field__taxonomy_term_reference

To change the markup of the term change #markup the defualt value would be

&lt;a href="/drupal7/class/class-1" typeof="skos:Concept" property="rdfs:label skos:prefLabel"&gt;term name&lt;/a&gt;


change that to 

 $item[#markup] = '&lt;a href="/drupal7/class/class-1" typeof="skos:Concept" property="rdfs:label skos:prefLabel"&gt;&lt;strong&gt;term name&lt;/strong&gt;&lt;/a&gt;'

function batrik_field__taxonomy_term_reference($variables) {
  $output = '';

  // Render the label, if it's not hidden.
  if (!$variables['label_hidden']) {
    $output .= '&lt;h3 class="field-label"&gt;' . $variables['label'] . ': &lt;/h3&gt;';
  }

  // Render the items.
  $output .= ($variables['element']['#label_display'] == 'inline') ? '&lt;ul class="links inline"&gt;' : '&lt;ul class="links"&gt;';
  foreach ($variables['items'] as $delta =&gt; $item) {
    $output .= '&lt;li class="taxonomy-term-reference-' . $delta . '"' . $variables['item_attributes'][$delta] . '&gt;' . drupal_render($item) . '&lt;/li&gt;';
  }
  $output .= '&lt;/ul&gt;';

  // Render the top-level DIV.
  $output = '&lt;div class="' . $variables['classes'] . (!in_array('clearfix', $variables['classes_array']) ? ' clearfix' : '') . '"' . $variables['attributes'] .'&gt;' . $output . '&lt;/div&gt;';

  return $output;
}