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>

Source: stackoverflow.com

Css button style rectangle

.placeholder-box {
  position: relative;
  display: block;
  width: 300px;
  min-height: 150px;
  margin-top: 50px;
  padding: 30px;
  border: 1px solid #888;
  border-radius: 10px;
  box-sizing: border-box;
  box-shadow: 0 0 8px 0 rgba(0,0,0,0.25);
}

.placeholder-box p {
  text-align: center;
  margin: 0 0 15px;
}

.placeholder-box ul {
  margin: 0;
}

/* Button */

button {
 display: block;
 border: solid white;
 border-width: 0 10px;
 border-radius: 0;
 background: green;
 color: white;
 font-size: 18px;
 margin: -60px auto 15px;
 padding: 15px;
}

Source: stackoverflow.com

Similar codes

5 votes166 views2 answers
How to select child when hover on parent element css
CSS
4 votes325 views1 answer
Css add dots if text too long
CSS
168 votes208 views4 answers
Css link tag
CSS
239 votes459 views5 answers
Include bootstrap
CSS
39 votes184 views2 answers
Css z index
CSS
22 votes153 views3 answers
Smooth scroll css
CSS
1 vote154 views1 answer
Style direction
CSS
8 votes150 views1 answer
Align in the middle of page html
CSS
0 vote191 views1 answer
Github lottie
CSS
0 vote152 views1 answer
PacSelectFirst( submit button
CSS