you can find the default setting or how they&#39;re suppose to be at http://www.w3.org/TR/CSS2/sample.html just apply the same style to the element you want to behave as a pre element and voila you&#39;re done

p.s. which is basically

    pre{ white-space: pre ; display: block; unicode-bidi: embed }



If you&#39;re only interested in preserving line breaks but not whitespace then I suggest using:

    body {
        white-space: pre-line;
    }

This will collapse multiple consecutive white space characters into one but preserve line breaks. The downside is that it&#39;s only supported in IE versions 8 and up.

Try setting the element&#39;s `white-space` style to a value of `pre`.

    body {
        white-space: pre;
    }

If you just want it to act on linebreaks like `pre`, use the css: `white-space: pre`

How can I create a simple BAT file that will run my python script located at C:\somescript.py?



Creating a BAT file for python script

Because of a plug-in architecture, I&#39;m trying to add a bean programmatically to my webapp.  I have a Spring bean created through the `@Component` annotation, and i am implementing the `ApplicationContextAware` interface.

My override function looks like this:


    @Override
	public void setApplicationContext(ApplicationContext applicationContext)
			throws BeansException {

        // this fails
		this.applicationContext = (GenericWebApplicationContext) applicationContext;
     }

Basically, I can&#39;t figure out how to add a bean to the applicationContext object given to setApplicationContext.  Can anyone tell me how I am going about this the wrong way?

Ok, this is what i ended up with as the solution:

    @Override
	public void postProcessBeanDefinitionRegistry(BeanDefinitionRegistry bdr)
			throws BeansException {
		BeanDefinition definition = new RootBeanDefinition(
				&lt;My Class&gt;.class);

		bdr.registerBeanDefinition(&quot;&lt;my id&gt;&quot;, definition);
	}

Add Bean Programmatically to Spring Web App Context

I am loading some content inside an iframe.  I want this content to behave as-if it was inside a `&lt;pre&gt;` tag - namely for it to respect line breaks.  I am using javascript to set the style of the body element of this iframe.

I am wondering if it would be possible to set a particular style that will cause the body of this iframe to act like it&#39;s inside `&lt;pre/&gt;`.

Is it possible to make any CSS element behave like &lt;pre&gt;

<p>I am loading some content inside an iframe.  I want this content to behave as-if it was inside a <code>&#x3C;pre></code> tag - namely for it to respect line breaks.  I am using javascript to set the style of the body element of this iframe.</p>
<p>I am wondering if it would be possible to set a particular style that will cause the body of this iframe to act like it's inside <code>&#x3C;pre/></code>.</p>


In my project I need the Google cache age to be added as important information. I tried to search sources for the Google cache age, that is, the number of days since Google last re-indexed the page listed.

Where can I get the Google cache age?


How can I get the Google cache age of any URL or web page?

I need to update a few hundred static HTML pages that have the copyright date hard coded in the footer. I want to replace it with some JavaScript that will automatically update each year.

Currently I’m using:

    &lt;script type=&quot;text/javascript&quot;&gt;var year = new Date();document.write(year.getFullYear());&lt;/script&gt;

Is this as short as it gets?

Shortest way to print current year in a website

I have the following code:

    &lt;td style=&quot;position: relative; min-height: 60px; vertical-align: top;&quot;&gt;
    	Contents of table cell, variable height, could be more than 60px;

    	&lt;div style=&quot;position: absolute; bottom: 0px;&quot;&gt;
    	    Notice
    	&lt;/div&gt;
    &lt;/td&gt;

This does not work at all. For some reason, the position:relative command isn&#39;t being read on the TD and the notice DIV is being placed outside of the content container at the bottom of my page. I have tried to put all the contents of the TD into a DIV such as:

    &lt;td&gt;
    	&lt;div style=&quot;position: relative; min-height: 60px; vertical-align: top;&quot;&gt;
    		Contents of table cell, variable height, could be more than 60px;
    
    		&lt;div style=&quot;position: absolute; bottom: 0px;&quot;&gt;
    			Notice
    		&lt;/div&gt;
    	&lt;/div&gt;
    &lt;/td&gt;

However, this creates a new problem. Since the height of the contents of the table cell is variable, the notice DIV isn&#39;t always at the bottom of the cell. If a table cell stretches beyond the 60px marker, but none of the other cells do, then in the other cells, the notice DIV is at 60px down, instead of at the bottom.



Using Position Relative/Absolute within a TD?

Very simple question I hope.

I have the usual `&lt;select&gt;` box like this

    &lt;select id=&quot;select&quot;&gt;
        &lt;option value=&quot;1&quot;&gt;this&lt;/option&gt;
        &lt;option value=&quot;2&quot;&gt;that&lt;/option&gt;
        &lt;option value=&quot;3&quot;&gt;other&lt;/option&gt;
    &lt;/select&gt;

I can get the selected value (by using `$(&quot;#select&quot;).val()`) and the selected item&#39;s display value (by using `$(&quot;#select :selected&quot;).text()`.

But how can I store like an additional value in the `&lt;option&gt;` tag? I would like to be able to do something like `&lt;option value=&quot;3.1&quot; value2=&quot;3.2&quot;&gt;other&lt;/option&gt;` and get the value of the `value2` attribute (which would be 3.2 in the example).

Adding additional data to select options using jQuery

I need some function returning a boolean value to check if the browser is [Chrome][1].

How do I create such functionality?

  [1]: http://en.wikipedia.org/wiki/Google_Chrome


JavaScript: How to find out if the user browser is Chrome?

How can I do this? I want my element to look as though it has a shadow underline. I don&#39;t want the shadow for the other 3 sides.

CSS Box Shadow Bottom Only



I know what an asterisk does in a selector for CSS ([What does an Asterisk do?][1]), but what does it do in a property name? Here is an example of CSS used by YUI. I don&#39;t know what the `*display` does.

    .yui-button .first-child
    {
        display:block;
        *display:inline-block;
    }


  [1]: https://stackoverflow.com/questions/4254701/how-to-avoid-universal-rule-css-asterisk

What does an asterisk do in a CSS property name?

Can I do something like the following?

    .class1{some stuff}
    
    .class2{class1;some more stuff}


Nesting CSS classes

I have an H1 style for my site:

    .centercol h1 {
	    color: #006bb6;
	    font-weight: normal;
	    font-size: 18px;
	    padding:3px 3px 3px 6px;
	    border-left:3px solid #c6c1b8;
	    background:#f2efe9;
	    display:block;
    }

The background color spans the entire width of the centercol, 500px...

How do I make this H1 only span the width of the text of the H1?

css h1 - only as wide as the text

In Firefox 3 and Google Chrome 8.0 the following works as expected:

    &lt;style type=&quot;text/css&quot;&gt;
        span:before { content: &#39;span: &#39;; }
    &lt;/style&gt;

    &lt;span&gt;Test&lt;/span&gt; &lt;!-- produces: &quot;span: Test&quot; --&gt;

But it doesn&#39;t when the element is `&lt;input&gt;`:

    &lt;style type=&quot;text/css&quot;&gt;
        input:before { content: &#39;input: &#39;; }
    &lt;/style&gt;

    &lt;input type=&quot;text&quot;&gt;&lt;/input&gt; &lt;!-- produces only the textbox; the generated content
                                     is nowhere to be seen in both FF3 and Chrome 8 --&gt;

Why is it not working like I expected?

CSS content generation before or after &#39;input&#39; elements

I&#39;m trying to display my code on a website but I&#39;m having problems preserving the whitespace indentation correctly.

For instance given the following snippet:

    &lt;html&gt;
     &lt;body&gt;
       Here is my code:
       &lt;pre&gt;
         def some_funtion
           return &#39;Hello, World!&#39;
         end
       &lt;/pre&gt;
     &lt;body&gt;
    &lt;/html&gt;

This is displayed in the browser as:

    Here is my code:

         def some_funtion
           return &#39;Hello, World!&#39;
         end

When I would like it displayed as:

    Here is my code:

    def some_funtion
     return &#39;Hello, World!&#39;
    end

The difference is that that current indentation level of the HTML pre tag is being added to the indentation of the code. I&#39;m using nanoc as a static website generator and I&#39;m using google prettify to also add syntax highlighting.

Can anyone offer any suggestions? 


How to preserve whitespace indentation of text enclosed in HTML &lt;pre&gt; tags excluding the current indentation level of the &lt;pre&gt; tag in the document?

Is there any way to emulate the display of a `pre` element via CSS?

For example, can I keep the whitespace intact in this div by using a CSS rule?

    &lt;div class=&quot;preformatted&quot;&gt;

      Please procure the following items:

        - Soup
        - Jam
        - Hyphens 
        - Cantaloupe
    &lt;/div&gt;

Display element as preformatted text via CSS

Possible ways:

    &lt;pre&gt; ... &lt;/pre&gt;

or

    style=&quot;white-space:pre&quot;

Anything else?


How to insert spaces/tabs in text using HTML/CSS

Per the examples https://getbootstrap.com/docs/4.3/content/code/#code-blocks, bootstrap only supports vertically-scrollable and word-wrapped `&lt;pre&gt;` blocks out of the box. How do I make it so that I have horizontally-scrollable, unwrapped code blocks instead?

How to make Twitter Bootstrap&#39;s &lt;pre&gt; blocks scroll horizontally?

![This image show what i happens in my code][1]
This is my blog page. Sometimes I have to use C#,PHP and other code snippets in the blog. Therefore I use pre tags to make it looks nice and keep the formatting code as it is. `pre` tag width is 100% and it has a background colour. However, the text went away from it as in the above image and horizontal scroll bar going to appear. How can I overcome this? I don&#39;t want the bottom scroll bar. 


  [1]: http://i.stack.imgur.com/WQnB0.png
  [2]: http://elshansoft.info/b/index.php

Content Type	Original Author	Original Content on Stackoverflow
Question	chaimp	View Question on Stackoverflow
Solution 1 - Html	Breezer	View Answer on Stackoverflow
Solution 2 - Html	Hjorth	View Answer on Stackoverflow
Solution 3 - Html	stevelove	View Answer on Stackoverflow
Solution 4 - Html	Keltex	View Answer on Stackoverflow

Is it possible to make any CSS element behave like <pre>

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

Add Bean Programmatically to Spring Web App Context

Creating a BAT file for python script

Attributions