Help me to center text in Snippet syntax highlighting plugin [ jQuery ]

Discussion in 'HTML & Website Design' started by TSG, Sep 16, 2012.

0
  1. #1
    Hello!
    I want to center or justify my snippet's syntax highlighting plugin area text. Currently my syntax highlighted area some text not display. If i added "text-align: justify;" or " text-align: center; "to the CSS this .snippet-reveal pre.sh_sourceCode {padding:.5em 1em; text-align: justify;} code, its not work. How do i do it?

    I think this screen shot give more information about this situation. Please check the attached screenshot.

    Snippet.png

    Thanks!
     
    Last edited: Sep 16, 2012
    TSG, Sep 16, 2012 IP
  2. TSG

    TSG Member

    Messages:
    287
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    30
    #2
    Ok now i have correct it little-bit by adding this code. Is it OK?

    white-space: pre-wrap;word-wrap: break-word;

    However still snippet's syntax highlight area text not justify. How do i do it?
     
    Last edited: Sep 16, 2012
    TSG, Sep 16, 2012 IP
  3. sophiec016

    sophiec016 Peon

    Messages:
    20
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #3
    Snippet is a jQuery syntax highlighting plugin built on top of the SHES script found on Source Forge. Snippet provides a quick and easy way of highlighting source code passages in HTML documents.

    <h1>Snippet style selector</h1>

    <div class="instructions">
    <p>Choose your style below.</p>
    <p>Preview your style here.</p>
    </div>

    <!-- 39 styles to choose from! -->
     
    sophiec016, Sep 16, 2012 IP