46 users online (1 members and 45 guests)  


  Results 1 to 3 of 3

Related

  1. wrap text in a cell of a html table    Forum: HTML Forum
    Replies: 14
  2. Replies: 4
  3. How to make text wrap like this?    Forum: HTML Forum
    Replies: 3
  4. Need some Javascript Help to Customize a Script!    Forum: Javascript Forum
    Replies: 0
  1. #1
    BWeynants's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2006
    Posts
    2

    Question Customize text-indentation-width after wrap?

    Hello,

    Does anyone know how the indentation-width of the second line (so a line after a wrap) can be custumized?

    e.g.
    Code:
    <html>
    <head>
    <style type="text/css">
    div {
    width:150px;
    overflow: hidden
    }
    img {
        white-space: wrap;    
    }
    img .icon {
        float: none ; 
    }
    img .text {
        display: inline ;
         margin-left: 0;        
    }
    </style>
    </head>
    <body>
    
    <div>       
    <img class="icon" src="http://www.alot.jp/alot/menu/img/mac.gif" />
    <span class="text">This is some example text</span>
    </div>
    
    </body>
    </html>
    How can the above code be adapted so that the "t" of the word "text" does not appear immediately at the left margin (as is the case in the example) but right underneath the "T" of the word "This" on the first line?


    Thanks in advance for any help!
    B.

  2. #2
    BWeynants's Avatar
    New User

    Status
    Offline
    Join Date
    Jun 2006
    Posts
    2

    Lightbulb Re: Customize text-indentation-width after wrap? =

    During a last effort to find a solution to my problem, i came across this wonderful discussion about "hanging indents" :

    http://archivist.incutio.com/viewlist/css-discuss/11000

    Hope it helps someone in the future

  3. #3
    kai's Avatar
    New User

    Status
    Offline
    Join Date
    Oct 2006
    Posts
    1

    Re: Customize text-indentation-width after wrap?

    you did... it helped.