кнопка - блок или ссылка?

#html #css

Как лучше реализовывать такую кнопку? 

Первый вариант: 



div {
  width: 150px;
  text-align: center;
  background-color: #fff;
  border: 2px solid #ddd;
  
}

a {
  display: inline-block;
  padding: 3px 0;
  width: inherit;
  text-decoration: none;
  text-transform: uppercase;
  color: red;
}

  load more





Или же второй вариант:



a {
 display: block;
 width: 150px;
 padding: 3px 0;
 text-decoration: none;
 text-align: center;
 text-transform: uppercase;
 color: red;
 border: 2px solid #ddd;
load more



    

Ответы

Ответ 1

Если это кнопка, то надо использовать тег 
если же у этого элемента предназначение переадресовывать пользователя куда-то дальше,
то делай ссылкой.


Ответ 2

Второй вариант через ссылку кажется значительно проще и лучше, ссылки приспособлены
уже к перенаправлению, а через "тык" по div это все таки костыль, так же как и использовать
div, а внутри него button