CSS first-letter problem with display:inline

According to w3.org first-letter pseudo class works only with block level elements. Here is a paragraph from w3: The :first-letter pseudo-element must select the first letter of the first line of a block, if it is not preceded by any other content (such as images or inline tables) on its line. Code with label that …

Things that will make your website much faster

What will make my website faster? How to optimize page load time? How to make web site appear to load faster for end user? Updated Feb 9, 2011. This is excerpt from article: How big HTML images / CSS / JS / png / etc. should be to fit network packet (MTU) efficiently List of …

CSS pseudo-element first-letter using form label element

Today I spent 1/2 hour trying to understand, why my labels do not respect CSS rule first-letter. Here is an example snippet: #myform label:first-letter {text-decoration:underline} <form id=”myform” action=”/test/” method=”post”> <label title=”From”>From:</label> The problem was, that The ‘first-letter’ pseudo-element can only be attached to a block-level element. Reference: w3 – 2.4 The ‘first-letter’ pseudo-element Also, space …