Link button to HTML specific section-CodePudding

I'm trying to link my button to a specific section of my website, this is the code:

```      
<div>
        <button  a  <a href="#features-section"></a>Empezar Ahora</button>
      </div>```

and this is the section im trying to link it:

```  
<div >
    <div >
      <section  id="features-section" >
        <div >
          <h2>Experiencia EPCE</h2>
          <h6 >En EPCE nos centramos en brindar el conocimiento y la experiencia que el mercado laboral y profesional requiere, a través de diversos instructores especializados en distintos campos. Brindamos una metodología única y acorde a los desafíos actuales, mediante el desarrollo de casos reales y asimilación de conocimiento.</h6>
        </div>
        <div >
          <div >
            <div >
              <img src="images/Group12.svg" alt="" >
              <h5 >Aprende</h5>
              <p >Nuevos conocimientos a través de las sesiones educativas y aplicación práctica.</p> 
            </div>
          </div>
          <div >
            <div >
              <img src="images/Group7.svg" alt="" >
              <h5 >Vive</h5>
              <p >La amplia gama de experiencias brindada por nuestros instructores.</p>
            </div>
          </div>
          <div >
            <div >
              <img src="images/Group5.svg" alt="" >
              <h5 >Innova</h5>
              <p >Con soluciones efectivas a través de las herramientas y conocimientos brindados en EPCE.</p>
            </div>
          </div>
        </div>
      </section> ```

Hope someone can help me out thanks.

CodePudding user response：

Why not:

<a href="#features-section" >
Empezar Ahora
</a>

EDIT:

If your button become huge, add a class to it, like "home-button" and add:

        .home-button {
            display: inline-block;
            padding: 0 5px 0 5px;
        }

to your CSS stylesheet

CodePudding user response：

this works fine

a href="#features-section" type="button" >
        Empezar Ahora
        </a>