How would I put two or more buttons side by side?


HTML Code:
<p><a href="#" class="css-button">Download</a></p>

Code:
/*css for buttons in destinations starts here*/


a.css-button {
	
		font-size:16px;
		color:#000;
		text-decoration:none;
		display:block;
		width:90px;
		padding:10px;
		border:2px solid #000;
		text-align:center;

		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		border-radius:5px;
		background:#FFFFFF;
		-webkit-transition: all .4s ease-in-out;
		-moz-transition: all .4s ease-in-out;
		-o-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
	}
	a.css-button:hover {
		color:#fff;
		border-color:#000;
		background:#000;
	}
	a.css-button.notransitions {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}
/*css for buttons in destinations ends here*/