Question

Let’s say I have a div in which I have a text input and a text area like so:

<div>
    <input type="test" name="username" /><br />
    <textarea rows="5" cols="70">Enter text here...</textarea>
</div>

How do I align the input field and my textarea to the right of my div?

Answer 1

HTML

<div class="right-align">
    <input type="test" name="username" /><br />
    <textarea rows="5" cols="70">Enter text here...</textarea>
</div>

CSS

.right-align {
    text-align: right;
}

Live example