# I am trying to place my input below my label but I am having issues doing so

**URL:** <https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327>\
**Category:** General\
**Created:** [March 20, 2020, 6:38pm UTC](https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327 "2020-03-20T18:38:16Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![noblegas87](https://avatars.discourse-cdn.com/v4/letter/n/5f8ce5/32.png) [@noblegas87](https://forum.freecodecamp.org/u/noblegas87)\
**Post date:** [March 20, 2020, 6:38pm UTC](https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327/1 "2020-03-20T18:38:16Z")

</div>

I want my input below my label like depicted here:

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/5/d/5d7d53f787cdfcbe9ddf91b6f42c75133b8def1b.png)

but instead this is what I have .

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/7/5/757a829c302fd644924c8cee551df55e1a81d641.png)

Here is the link to the code:

> **[tipcalculatortoo](https://codepen.io/noblegas/pen/wvaxYmY)**
>
> ...

What do you recommend?

---

<div class="post-metadata">

**Author:** ![suzanneearley](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/suzanneearley/32/137733_2.png) [@suzanneearley](https://forum.freecodecamp.org/u/suzanneearley)\
**Post date:** [March 20, 2020, 6:47pm UTC](https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327/2 "2020-03-20T18:47:22Z")

</div>

You can use `<br>` to insert a single line break after your label.

---

<div class="post-metadata">

**Author:** ![suzanneearley](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/suzanneearley/32/137733_2.png) [@suzanneearley](https://forum.freecodecamp.org/u/suzanneearley)\
**Post date:** [March 20, 2020, 7:05pm UTC](https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327/4 "2020-03-20T19:05:38Z")

</div>

> [@camperextraordinaire](#):
>
> Line breaks should only be used for text within paragraphs.

I guess earlier I was looking at the examples from W3Schools for forms help and their examples used line breaks. [HTML Input Types](https://www.w3schools.com/html/html_form_input_types.asp)

But now that I think about it, in those examples, they weren’t using CSS, just HTML. I’m working on my survey form project right now and will reevaluate with the plan of using CSS to align instead of line breaks.

---

<div class="post-metadata">

**Author:** ![noblegas87](https://avatars.discourse-cdn.com/v4/letter/n/5f8ce5/32.png) [@noblegas87](https://forum.freecodecamp.org/u/noblegas87)\
**Post date:** [March 21, 2020, 3:16am UTC](https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327/5 "2020-03-21T03:16:36Z")

</div>

I have a new issue. I am trying to align my font awesome icons horizontally with my input field like this:

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/9/4/94e00e417b64fffdc5d4cc18f137bd5464173c79.png)

But my font aawesome icon doesn’t want to stay in the alignment that I want it to stay in:

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/b/d/bd40f2b98ca3bafcdee53dc6dbf0b71311178c44.png)

The code I’ve used.

 ![image](https://global.discourse-cdn.com/freecodecamp/original/3X/3/5/3553ed52f8e471bdd1902c2c5abb3d33ce503b29.png) ;

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/8/1/81aaf5ad19c5941d0ecd3d0f9f57e382dc13b92e.png) ;

![image](https://global.discourse-cdn.com/freecodecamp/original/3X/3/e/3e7752b24c0353ef880352f45414554fba925e51.png) ;

HEre is the link again.[https://codepen.io/noblegas/pen/wvaxYmY](https://codepen.io/noblegas/pen/wvaxYmY)

---

<div class="post-metadata">

**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\
**Post date:** [June 1, 2021, 7:32pm UTC](https://forum.freecodecamp.org/t/i-am-trying-to-place-my-input-below-my-label-but-i-am-having-issues-doing-so/361327/6 "2021-06-01T19:32:43Z")

</div>

Closed on June 1, 2021, 7:32pm UTC