Reply To: Buttons on Menus/Nav Bar

I actually found out how to add buttons. Created a custom class for buttons, and added the class to the custom menu. However, the buttons don’t align properly with the rest of the menu. Do you know what I need to add in the CSS to make the text align?

Here’s the code I used for the custom button class:

.menuorange {
	background-color: #ff8000;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border: 1px solid #d16704;
	display: inline-block;
	color: #ffffff;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	width: 58px;
	text-align: center;
}

.menuorange:hover {
	background-color: #fa902d;
}

.menuorange:active {
	position: relative;
	top: 1px;
}

http://innetworknet.staging.wpengine.com/

Thanks!