Moving the “welcomeMenuBox” Div to be at the right most side of the page

I have added the following to my seatle.master page, to display the current date and time and I moved the search box to be in the upper side of the page.as follow:-

<div id="welcomeMenuBox" style="text-align:right"><wssuc:Welcome id="IdWelcome" runat="server" EnableViewState="false" /><p id="currentdate" ></p><p id="currenttime" ></p><div id="uppersearch"><SharePoint:AjaxDelta id="DeltaPlaceHolderSearchArea" BlockElement="true" CssClass="ms-mpSearchBox ms-floatRight" runat="server"><asp:ContentPlaceHolder id="PlaceHolderSearchArea" runat="server"><div id="searchInputBox"><SharePoint:DelegateControl runat="server" ControlId="SmallSearchInputBox" /></div></asp:ContentPlaceHolder></SharePoint:AjaxDelta>              </div></div>

But the result was as follow:-

So how I can shift the date&time and search box to be at the right most side of the page?