html - Completely center form in navbar -

what i've been trying center form (and 2 icons beside it) dead center in navbar.

i've used below css property, however, doesn't center precisely.

text-align: center;

if check in jsfiddle below, it's not precisely in center. also, it's important know length of text in both buttons on right vary.

how can center form (with 2 icons) in navbar, noting length of button's text can change?

this it, you'll need set width .center-form box.

css

.center-form { width: 250px; margin: 0 auto; text-align: center; }

EXIT