html button style attributes code example

Example 1: css button style rectangle

<div class="placeholder-box">
  <button type="button"> Button Text Here </button>
  <p>Nunc condimentum mauris elit</p>
  <ul>
    <li>Duis quis eros felis</li>
    <li>Nulla facilisi</li>
  </ul>
</div>

Example 2: button style css

<button class="pure-button">
    <i class="fa fa-cog"></i>Settings
</button>
<a class="pure-button" href="#">
    <i class="fa fa-shopping-cart fa-lg"></i>Checkout
</a>

Example 3: button style css

<a class="pure-button pure-button-active" href="#">An Active Button</a>
<button class="pure-button pure-button-active">An Active Button</button>