Return to Snippet

Revision: 41817
at February 23, 2011 17:38 by mdjamal


Initial Code
.wrapped {
				/* wrap long urls */
				white-space: pre;           /* CSS 2.0 */
				white-space: pre-wrap;      /* CSS 2.1 */
				white-space: pre-line;      /* CSS 3.0 */
				white-space: -pre-wrap;     /* Opera 4-6 */
				white-space: -o-pre-wrap;   /* Opera 7 */
				white-space: -moz-pre-wrap; /* Mozilla */
				white-space: -hp-pre-wrap;  /* HP Printers */
				word-wrap: break-word;      /* IE 5+ */
				/* specific width */
				width: 300px; 
				}

Initial URL
http://perishablepress.com/press/2010/06/01/wrapping-content/

Initial Description
To wrap long URLs, strings of text, and other content, just apply this carefully crafted chunk of CSS code to any block-level element (e.g., perfect for <pre> tags):

Initial Title
Wrapping Long URLs and Text Content with CSS

Initial Tags
text

Initial Language
CSS