<html:text>タグの位置調整をするには

現在Java、Seasar2(SAStrats/S2JDBC)、JSP、PostgreSQLで
DBを使ったWebアプリケーションを作っています。

Bootstrap3で画面の再構築しているのですが、質問があります。

結論から言うと

<html:text>タグの位置（高さ）調整をするにはどうしたらいいでしょうか？


現在Bootstrap3を使ってナビゲーションを作成し、検索バーを追加したのですが、位置のバランスが悪く調整したいと思っています。

もう少し高さを下げて、中間あたりにしたいです。「キーワード」の文字が「名前検索」の横にくるような。

<html:text>タグでテキストボックスを表示させているのですが、調べてもなかなか方法を見つけることができません。

jsp

<!-- Collect the nav links, forms, and other content for toggling -->
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                <ul class="nav navbar-nav navbar-right">
                    <li class="hidden">
                        <a href="#page-top"></a>
                    </li>
                    <li class="page-scroll">
                        <s:link href="diary">Practice</s:link>
                    </li>
                    <li class="page-scroll">
                        <s:link href="login/menu">Menu</s:link>
                    </li>
                    <li class="page-scroll">
                    <p class="navbar-text">名前検索</p>
                    </li>
                    <li class="page-scroll">
                    <s:form action="paging/search/1">
                    </li>
                    <li class="page-scroll">
                    <html:text styleId="hoge" property="searchName" styleClass="form-control" style="width:150px;"/>
                    </li>
                    <li class="page-scroll">
                    <html:submit value="検索" styleClass="btn btn-info"/>
                    </s:form>
                    </li>
                </ul>
            </div>

下記のようなことを試しました。
CSSでセレクタをつくりvertical-align:middle;を持たせ、それを
・spanタグのclass属性
・divタグのclass属性
・<html:text>タグのclass属性、styleId属性
を使ってテキストボックスの位置を下げようとしたのですがうまくいきませんでした。

もしわかる方や情報を提供して下さる方がいらっしゃればよろしくお願いします。