1

1

by quramolt

HTML

<div class="links_flexbox">
  <a href="#" class="link">Первая ссылка побольше</a>
  <a href="#" class="link">Вторая ссылка</a>
</div>

<div class="links_ib">
  <a href="#" class="link_ib">Первая ссылка</a>
  <a href="#" class="link_ib">Вторая ссылка побольше</a>
</div>

CSS

.links_flexbox {
		margin-bottom: 35px;
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
	}
  
.link {
		font-size: 13px;
		line-height: 35px;
		text-decoration: none;
		color: #3e3d3d;
    margin: 0 2px 0 0;
		border: 2px solid #3e3d3d;
	}
  
  .links_ib {
    margin-bottom: 35px;
    width: 100%;
    text-align: center;
  }
  
  .link_ib {
    display: inline-block;
		font-size: 13px;
		line-height: 35px;
		text-decoration: none;
		color: #3e3d3d;
    margin: 0 2px 0 0;
		border: 2px solid #3e3d3d;
	}