css text align : justify not working for my span tag. RSS

• • Reply
  

  ogsim07

  Participant

  967 Points

  733 Posts

  css text align : justify not working for my span tag.

  Feb 27, 2012 10:59 AM|LINK

  the text is not getting justified. html:- <span class="allText"> my text of arounf 25 lines </span> css:- .allText{ text-align:justify; font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-size:14px; }
  • Edited by ogsim07 on Feb 27, 2012 11:31 AM
• • Reply
  

  Ruchira

  All-Star

  44332 Points

  7194 Posts

  MVP

  Re: css text align : justify not working for my span tag.

  Feb 27, 2012 11:10 AM|LINK

  Hi, 

  The simplest solution will be to use divs instead of spans. Why are you using span in this situation? Since spans are inline elements, it takes width according to the text inside it, so it's width is floating with the content. But div on the other hand, has a fixed width so it's easier to align text with divs.

  If you need to get the inline behaviour while having the text aligned, you can use a div and set the display style to display:inline-block.

  <div style="display:inline-block">25 lines here</div>

  Hope it helps you...

  Please 'Mark as Answer' if this post helps you.

  My Tech blog | My YouTube Channel
  • Edited by Ruchira on Feb 27, 2012 11:12 AM
  • Edited by Ruchira on Feb 27, 2012 11:41 AM
  • Marked as answer by ogsim07 on Feb 28, 2012 09:17 AM
• • Reply
  

  MetalAsp.Net

  All-Star

  112752 Points

  18373 Posts

  Moderator

  Re: css text align : justify not working for my span tag.

  Feb 27, 2012 11:14 AM|LINK

  I must be going blind because I don't see where you've set the text-align style in the CSS (?), in the posted code above.
  C# <--> VB.Net Translator  |  jQuery Widgets
• • Reply
  

  ogsim07

  Participant

  967 Points

  733 Posts

  Re: css text align : justify not working for my span tag.

  Feb 27, 2012 11:31 AM|LINK

  im sory i had pasted the wrong code, i have corected it now, ok i cannot use span tag u mean to say?
  • Edited by ogsim07 on Feb 27, 2012 12:41 PM
• • Reply
  

  Ruchira

  All-Star

  44332 Points

  7194 Posts

  MVP

  Re: css text align : justify not working for my span tag.

  Feb 27, 2012 02:39 PM|LINK

  ogsim07

  i cannot use span tag u mean to say?

  I'm afraid that I don't see any other way to achieve the text-alignment. :(

  As far as I know, alignments won't work for inline elements. Instead you can use divs with display set to inline-block.

  Please 'Mark as Answer' if this post helps you.

  My Tech blog | My YouTube Channel
  • Edited by Ruchira on Feb 27, 2012 02:39 PM