CSS alternatives to first line text-indent?

css, html

Solution

What about using `::first-letter` pseudo-element?

p:first-letter {
    padding-left: 30px;
}

JsFiddle Demo

Browser Support

Chrome    Safari    Firefox    Opera    IE      Android    iOS
1+        1+        1+         3.5+     5.5+    All        All

Problem

I am having a problem with how the `<p>` text-indent property is rendered when a page is printed with Internet Explorer's Active-X plugin. Here is the relevant CSS: ``` p { font-family: Calibri; font-size: 20pt; line-height: 1.75em; margin-bottom: 1.00em; margin-top: 1.00em; margin-left:1.0em; margin-right:1.0em; text-indent:1.5em; } ``` Below you can see what is happening when the HTML page, using the above code, is printed: The top of every new page has the text indentation applied! Is there an alternative method of having the first line of every `<p>`"paragraph tag" indented without using "text-indent" property? The solution must be browser independent.

Original source