JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrap">
		<h3><div class="title">Список клубов</div></h3>
		<div class="button">button</div>
	</div>
	<table align="center">
		<tr>
			<td>resize the window</td>
		</tr>
	</table>

CSS

html, body{
	margin:0;
	padding:0;
}

.title {
    width: 200px;
    height: 50px;
    border: 1px solid #888;
    float: left;
    margin-bottom: 10px;
}

.button {
    min-width: 100px;
    margin-left: 5px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-top: 50px;
    height: 50px;
    border: 1px solid #888;
    float: left;
}

table {
    clear: both;
    /*border: 1px solid #ff0000;*/
}

@media screen and (min-width:410px) {
    .button {
        float: right;
    }
}