PHP Text Wrapping In CSS

**SChaput** · 05-24-2009, 09:17 PM

Hey,
if i use this code,

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <style type="text/css">

  body {
    background: white;
    font-size: 0.84em;
    width: 75%;
    margin:  0 auto;
    padding: 0 1em;
    border-left: 1px solid black;
    border-right: 1px solid black;
    }
    
    html {
      background: #c0c0c0;
      }

.rounded:before {
  background: transparent url(top-right.png) scroll no-repeat top right;
  margin-bottom: -20px;
  height: 30px;
  display: block;
  border: none;
  content: url(top-left.png);
  padding: 0;
  line-height: 0.1;
  font-size: 1px;
}

.rounded:after {
  display: block;
  line-height: 0.1;
  font-size: 1px;
  content:  url(bottom-left.png);
  margin: 2px 0 0 0;
  height: 30px;
  background: transparent url(bottom-right.png) scroll no-repeat bottom right;
  padding: 0;
}  
    
  .rounded * {
    padding-left: 16px;
    padding-right: 16px;
    
    }

  .rounded {
    margin: 1em;
    padding: 0;
  }

  p { 
    font-family: Arial, Tahoma  , sans-serif;
    font-size: 1em;
    padding-top: 0;
    margin: 1em 0;
    line-height: 1.5;
    }

blockquote {
   background: #666666;
   color: white;
   margin-right: -1px;
}
  

  p.quotee {
    text-align: right;
    margin: -1px 0;;
    font-weight: bold;
    color: #eee;
    }



#corners img {
  margin: 1em;
  border: 1px solid black;
  padding: 0;
  background: #a0a0a0;
}

pre.rounded {
  background: #ffeed0;
}


  </style>

</head>
<body>
<h1>&nbsp;</h1>

<blockquote class="rounded">
<p>The first images, from ten thousand kilometers away, brought to a halt the activities of all mankind.  On a billion television screens, there appeared a tiny featureless cylinder, growing rapidly second by second. By the time it had doubled it’s size, no one could pretend any longer that Rama was a natural object.</p>
<p class="quotee">— Arthur C. Clarke, “Rendezvous with Rama”</p></blockquote>

</body>
</html>

The text is wrapped just fine. However, if i change the bolded part of the above code too,

Code:

<?php echo $entryText ?>

the text just continues in a solid line off the page. Any advice on how i can get the PHP text to wrap?
thanks

**Schmoopy** · 05-24-2009, 11:33 PM

I just tested it out with the following code and it seemed to work for me, you're probably pulling it off a text file / database put shouldn't make too much of a difference:

PHP Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<?php $text = "The first images, from ten thousand kilometers away, brought to a halt the activities of all mankind.  On a billion television screens, there appeared a tiny featureless cylinder, growing rapidly second by second. By the time it had doubled it’s size, no one could pretend any longer that Rama was a natural object."; ?>

<head>

  <style type="text/css">



  body {

    background: white;

    font-size: 0.84em;

    width: 75%;

    margin:  0 auto;

    padding: 0 1em;

    border-left: 1px solid black;

    border-right: 1px solid black;

    }

    

    html {

      background: #c0c0c0;

      }



.rounded:before {

  background: transparent url(top-right.png) scroll no-repeat top right;

  margin-bottom: -20px;

  height: 30px;

  display: block;

  border: none;

  content: url(top-left.png);

  padding: 0;

  line-height: 0.1;

  font-size: 1px;

}



.rounded:after {

  display: block;

  line-height: 0.1;

  font-size: 1px;

  content:  url(bottom-left.png);

  margin: 2px 0 0 0;

  height: 30px;

  background: transparent url(bottom-right.png) scroll no-repeat bottom right;

  padding: 0;

}  

    

  .rounded * {

    padding-left: 16px;

    padding-right: 16px;

    

    }



  .rounded {

    margin: 1em;

    padding: 0;

  }



  p { 

    font-family: Arial, Tahoma  , sans-serif;

    font-size: 1em;

    padding-top: 0;

    margin: 1em 0;

    line-height: 1.5;

    }



blockquote {

   background: #666666;

   color: white;

   margin-right: -1px;

}

  



  p.quotee {

    text-align: right;

    margin: -1px 0;;

    font-weight: bold;

    color: #eee;

    }







#corners img {

  margin: 1em;

  border: 1px solid black;

  padding: 0;

  background: #a0a0a0;

}



pre.rounded {

  background: #ffeed0;

}





  </style>



</head>

<body>

<h1>&nbsp;</h1>



<blockquote class="rounded">

<p><?php echo $text; ?></p>

<p class="quotee">— Arthur C. Clarke, “Rendezvous with Rama”</p></blockquote>



</body>

</html>

Thread: PHP Text Wrapping In CSS

Thread Tools

Search Thread

PHP Text Wrapping In CSS

Bookmarks

Bookmarks

Posting Permissions