Title: Aligning elements
Last modified: August 30, 2016

---

# Aligning elements

 *  Resolved [lexadmin](https://wordpress.org/support/users/lexadmin/)
 * (@lexadmin)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/aligning-elements/)
 * Hi there, how do I align all of the elements for the order input section as seen
   [here](http://i.imgur.com/yVxVxid.png). Apologies if this is a novice question.
   Thanks!
 * [https://wordpress.org/plugins/order-tracking/](https://wordpress.org/plugins/order-tracking/)

Viewing 3 replies - 1 through 3 (of 3 total)

 *  Plugin Contributor [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/aligning-elements/#post-6461207)
 * Hi lexadmin,
 * There’s no need to apologize. Everybody is learning. 🙂
 * To answer your question, you may try to insert this into your Custom CSS, under
   the Options tab:
 *     ```
       #ewd-otp-tracking-form > .pure-control-group {display:inline;}
       #ewd-otp-order-number-div {float:left;}
       #ewd-otp-tracking-number {float:left; width: 40%;}
       ```
   
 * I have added a width of 40% to the text input area. If you wish for it to be 
   bigger or smaller, you can change it accordingly. What I have done was basically
   to put the container to have its elements display as inline elements. Then, I
   pushed the “Order Number” title to the left, and the text input as well, letting
   the “Submit” button fall naturally beside it.
 * Hope this has helped you! 🙂 Do not hesitate to contact us again for additional
   support. We will be glad to help you.
 * Regards,
 *  Thread Starter [lexadmin](https://wordpress.org/support/users/lexadmin/)
 * (@lexadmin)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/aligning-elements/#post-6461225)
 * Thank you very much for your help! I’m happy to have purchased your product, 
   and am very excited to have it set up and in use.
 * I’ve attached pictures of the result [here](http://i.imgur.com/iEgvVJ9.png).
 * I’m playing around with the CSS but can’t quite get them all in line and nicely
   spaced out. Any additional tips would be very appreciated.
 * For your reference the custom CSS I have now is:
    #ewd-otp-tracking-form > .pure-
   control-group {display:inline;} #ewd-otp-order-number-div {float:left; width:
   120px; margin-left:0px; padding-left:0px; margin-right:4px; text-align:right;}#
   ewd-otp-tracking-number {float:center; width: 30%; margin-left:0px; margin-bottom:
   5px; margin-top:0px;}
 * Thanks again!
 *  Plugin Contributor [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * (@etoilewebdesign)
 * [10 years, 9 months ago](https://wordpress.org/support/topic/aligning-elements/#post-6461343)
 * Hi!
 * We are pleased to know that you are happy with your purchase.
 * The result is amazing. Good job! What kind of alignement & spacing are you specifically
   searching for?
 * If the submit button is causing you trouble, you may want to change the value
   of its line-height. It depends on the theme you are using. This value worked 
   for us:
 * `ewd-otp-submit {line-height: 0.75;}`
 * Another note: the only values accepted for float are left, right, none, inherit.
   Center is not an accepted value 🙂
 * Regards,

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Aligning elements’ is closed to new replies.

 * ![](https://ps.w.org/order-tracking/assets/icon-128x128.png?rev=1803956)
 * [Order Tracking - WordPress Status Tracking Plugin](https://wordpress.org/plugins/order-tracking/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/order-tracking/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/order-tracking/)
 * [Active Topics](https://wordpress.org/support/plugin/order-tracking/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/order-tracking/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/order-tracking/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [css](https://wordpress.org/support/topic-tag/css/)

 * 3 replies
 * 2 participants
 * Last reply from: [etoilewebdesign](https://wordpress.org/support/users/etoilewebdesign/)
 * Last activity: [10 years, 9 months ago](https://wordpress.org/support/topic/aligning-elements/#post-6461343)
 * Status: resolved