How to style "Read More" using CSS3
<p>Here is my JQuery function below. I want to apply a CSS style to "Read More" and "Read Less" text, which are part of the function. How do we do that?</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).ready(function() { 
  $('.YourName').jTruncate({ 
    length: 25, 
    minTrail: 0,
    moreText: "Read More", 
    lessText: "Read Less", 
    ellipsisText: "...", 
  }); 
}); </code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"&gt;&lt;/script&gt; 
&lt;script type="text/javascript" src="http://tester3.yolasite.com/resources/javascript/jtruncate.js"&gt;&lt;/script&gt; 

&lt;p class="YourName"&gt;Hello, Text will truncate after 25 characters and a "Read More" link will be appended to it. Here is some more text. Here is some more text. Here is some more text. Here is some more text. Here is some more text. Here is some more more text. Here is some more text. Here is some more text. This is the end.&lt;/p&gt;</code></pre>
</div>
</div>
</p>