Right-align menu items

I’d like to place a couple of menu items on the right-hand end of the main menu bar, where the search box normally is. I’ve removed the search box using:

input[type=search] {
    display: none;
}

I’ve tried adding float:right; to the CSS, but it does nothing. I also tried an !important after it. Here’s the current chunk of CSS which works OK, but it doesn’t put the item on the right-hand end:

/* Add a facebook logo to the menu bar */
#menu-item-1492 a {
background-image: url("https://paulroper.com/ccfm09/wp-content/uploads/2014/04/FB-f-Logo__blue_50.png");
background-repeat: no-repeat;
background-size: 35px;
background-position: 50% 50%;
padding-left: 40px;
font-size: 0px;
}

Any suggestions would be gratefully received!

P.S. Is there a more elegant way of hiding the text of a menu item rather than making its font-size: 0px? I assume using display: none will hide the whole element.

– Paul