title: Best way to add line break for each specified character? (asp.net)
body: <p>I'm having trouble getting line breaks to occur on a specific character on my asp.net site.  I have a gridview with user accounts that has an 'Entitlements' column/field, in which data is entered with pipes, such as the following:</p>
  
  <p>'Admin|Trader|Support|Sales'</p>
  
  <p>I know this is not the best data architecture, but it has to stay like this for the time being until we add an entitlements table in the database.</p>
  
  <p>Now, what I want to display in the actual gridview is this:</p>
  
  <p>Admin<br>
  Trader<br>
  Support<br>
  Sales<br></p>
  
  <p>In other words I want to replace each pipe with a line break, or at least add a line break at each pipe, so that each entitlement is on a separate line.</p>
  
  <p>Is there a way to do this in my CSS class?  I looked through different attributes such as white-space, text-overflow, and word-wrap, but so far I haven't found anything that will say "wrap text on any occurence of <em>this</em> character".  I suppose I can use jQuery to do this, but it seems like there should be a simpler solution.</p>
  
  <p>If jQuery <em>is</em> the way to go, then an example would be appreciated, as I'm new to jQuery.</p>
  
  <p>Thanks for any help!</p>