Question: I am trying to align to input text boxes of a form side by side but i not able to do so. Please help.

Fiddle: [here](http://jsfiddle.net/rHh3w/1/)

HTML:

```
<p>Your Name
<br>
<span class="wpcf7-form-control-wrap your-name">
    <input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true"
</span> 
</p>
<p>Your Email
<br>
<span class="wpcf7-form-control-wrap your-email">
    <input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7- validates-as-email" aria-required="true">
</span>
</p>

```

CSS:

```
.wpcf7 input[type="text"], .wpcf7 input[type="email"] {
    background-color: #fff;
    color: #000;
    width: 50%;
}

```

Answer: 
Remove `<br />` from your HTML markup.

Write:

```
p{
    display:inline-block;
    width:50%;
}
.wpcf7-form-control-wrap input[type="text"],.wpcf7-form-control-wrap input[type="email"] {
    background-color: #fff;
    color: #000;
    width: 50%;
}

```

Note:

`inline-block` leaves white space between elements. Write elements on same line to avoid it.

Like write 

```
</p><p>

```

(on same line)

rather than

```
</p>
<p>

```

(on different lines)

[**Fiddle.**](http://jsfiddle.net/rHh3w/11/)
Try below `CSS` for p tag

```
    p
    {
        width:auto;
        float:left;
        margin-right:10px;
    }

```

If you need some space between text box then u can set margin-right to the same.