Question: What I have:
============

I have a login form with username and password text box fields. The fields are wrapped in labels.

What I need:
============

I need to remove the text of the labels because I want to apply placeholder values instead.

My code:
========

Note: I've managed to target the breaks but can't target the rendered text of the labels.

```css
label[for=user_login] > br,
label[for=user_pass] > br {
  display: none;
}
```

```html
<p>
  <label for="user_login">Username
    <br>
    <input type="text" name="log" id="user_login" class="input" value="" size="20">
  </label>
</p>
<p>
  <label for="user_pass">Password
    <br>
    <input type="password" name="pwd" id="user_pass" class="input" value="" size="20">
  </label>
</p>
```

I require a CSS-based solution. Editing the mark-up is not an option.

Answer: 
i have tried to give a solution according what you said above....

What i did is:

> 
> I have shifted the label text (with **TEXT-INDENT** property) and removed extra spances around **"P"** tag so that text will not appear and space
>  also will not be there, you can only see the textbox as you wanted.
> 
> 
> 

Hope this helps you.

so your code will be like this:

```html
<!DOCTYPE html>
<html>
    <head>
     <title></title>
     <style type="text/css">
      label[for=user_login] > br,
      label[for=user_pass] > br {
       display: none;
      }
      label {
       text-indent: 9999px;
       width: 100%;
       display: block;
       overflow: hidden;
      }
      p {
       margin: 0;
       padding: 0;
      }
     </style>
    </head>
    <body>
     <p>
      <label for="user_login">Username
       <br>
       <input type="text" name="log" id="user_login" class="input" value="" size="20">
      </label>
     </p>
     <p>
      <label for="user_pass">Password
       <br>
       <input type="password" name="pwd" id="user_pass" class="input" value="" size="20">
      </label>
     </p>
    </body>
</html>
```
as for your situation that you can't edit the markup, what you can do is just give the input a  
 `margin-left -85px;`  
 so it covers the label and there is no space of where the label was.