Faber Estello

<table>
  <tr>
    <td rowspan="2" height="50">1</td>
    <td>2</td>
  </tr>
  <tr>
    <td rowspan="2">4</td>
  </tr>
  <tr>
    <td>3</td>
  </tr>
</table>

table {
  border: 1px solid;
  border-collapse:collapse;
}

td {
  border: 1px solid;
  padding: 10px;
}

<input type="checkbox" name="ch" id="ch">
<label for="ch"></label>

label {
  display: block;
  width: 20px;
  height: 20px;
  background: #fff;
  border:2px solid red;
  border-radius: 50%;
  position: relative;
  cursor: pointer;
}

label:after {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background: red;
  border-radius: 50%;
  position: absolute;
  top:0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 5px;
  display: none;
}

input[type="checkbox"]{
  display: none;
}

input[type="checkbox"]:checked~label:after {
  display: block;
}

<header class="top_header">
			<div class="wrap">
			  <div class="header__left">
			  <h1><span>Н</span>азвание сайта</h1>
              <p>Подзаголовок сайта или какой-нибудь слоган.</p>
              </div>
              <form class="search__form">
               <input type="search" name="q" placeholder="Поиск..."> 
               <input type="submit" value=""></p>
              </form>
			</div>
		</header>

.wrap {
  max-width: 980px;
  width: 100%;
  margin: 0 auto;
}