title: how to select plain HTML-text in CSS?
body: <p>Does anyone of you know how to select plain HTML-text in CSS?</p>
  
  <p>I have the following structure:</p>
  
  <pre><code>       &lt;div id="A"&gt;
         &lt;p class="caption"&gt; caption1 &lt;/p&gt;
  
          &lt;div class="tabs"&gt;
               &lt;div class='moving_bg'&gt;&lt;/div&gt;
  
               &lt;p class="text tab_item"&gt; content&lt;/p&gt;
               &lt;p class="text tab_item"&gt; content&lt;/p&gt;
               &lt;p class="text tab_item"&gt; content&lt;/p&gt;
               &lt;p class="text tab_item"&gt; content&lt;/p&gt;
               &lt;p class="text tab_item"&gt; content&lt;/p&gt;
               &lt;p class="text tab_item"&gt; content&lt;/p&gt;
  
               caption2
  
               &lt;p class="standardtext tab_item"&gt;content&lt;/p&gt;
               &lt;p class="standardtext tab_item"&gt; content&lt;/p&gt;
               &lt;p class="standardtext tab_item"&gt; content&lt;/p&gt;
  
  
          &lt;/div&gt;
  </code></pre>
  
  <p>How do I select the <code>caption2</code> in CSS?</p>
  
  <p>As soon as I assign a class or a p-tag to it, it breakes the structure of the tab-plugin I'm using.</p>
  
  <p><strong>Edit:</strong>
  I used <a href="http://www.gayadesign.com/diy/animated-tabbed-content-with-jquery/" rel="noreferrer">this</a> plugin and changed it a little bit into:</p>
  
  <pre><code>var TabbedContent = {
  init: function() {  
      $(".tab_item").mouseover(function() {
  
          var background = $(this).parent().find(".moving_bg");
  
          $(background).stop().animate({
              top: $(this).position()['top']
          }, {
              duration: 300
          });
  
          TabbedContent.slideContent($(this));
  
      });
  },
  
  slideContent: function(obj) {
  
      var margin =      $(obj).parent().parent().parent().parent().find(".slide_content").width();
      margin = margin * ($(obj).prevAll().size() - 1);
      margin = margin * -1;
  
          $(obj).parent().parent().parent().parent().find(".tabslider").stop().animate({
          marginLeft: margin + "px"
      }, {
          duration: 300
      });
  }
  }
  
  $(document).ready(function() {
  TabbedContent.init();
  });
  </code></pre>