Home/ Questions/Q 8847835
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-14T12:17:08+00:00

Here’s my jsFiddle example: http://jsfiddle.net/jsplashindia/LYUA5/1/ Here’s my HTML and CSS: <html> <head> <style type=’text/css’>

  • 0

Here’s my jsFiddle example:

http://jsfiddle.net/jsplashindia/LYUA5/1/

Here’s my HTML and CSS:

<html>
<head>
<style type='text/css'>
    .testStyle {
    text-indent:30px;            
}
</style>

</head>
<body>

    <input type="text" class="testStyle">

</body>
</html>

Basically I need to get an indent for the text in my text input like this:

This is the expected behaviour

However, in IE 7 and IE 8, I get the following behaviour:

observed behaviour in IE7/8

I need to get rid of the leading space for the text input field. Is there an alternative to using text-indext so that I’ll get the expected behaviour in IE7/8 and in all other browsers?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add float:left

    .testStyle {
    text-indent:30px;
    float:left      
}

    DEMO

    Or

    Use padding-left

    DEMO 2

    • 0