Breaking News: Grepper is joining You.com. Read the official announcement!

middle text and left and right border in css

Ariful Islam Adil(Code Lover) answered on October 3, 2023 Popularity 2/10 Helpfulness 1/10

answer middle text and left and right border in css

middle text and left and right border in css

Comment

.btn-action {
  display: block;
  text-align: center;
  max-width: 800px;
  margin: 0 auto;
  background-color: gray;
  height: 400px;
  -webkit-box-orient: vertical!important;
  -webkit-box-direction: normal!important;
  -ms-flex-direction: column!important;
  flex-direction: column!important;
  display: -webkit-box!important;
  display: -ms-flexbox!important;
  display: flex!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
  -webkit-box-align: center!important;
  -ms-flex-align: center!important;
  align-items: center!important;
  overflow: hidden;
}

.btn {
  position: relative;
  display: inline-block;
  font-size: 18px;
  line-height: 24px;
  color: #fff;
  padding: 12px 32px;
  border: 2px solid #C3A165;
  text-transform: uppercase;
  font-weight: 500;
  background-color: transparent;
  border-radius: 0;
  text-decoration: none;
  transition: 0.3s all;
  -webkit-transition: 0.3s all;
  -moz-transition: 0.3s all;
  -ms-transition: 0.3s all;
}

.btn:hover {
  background-color: #C3A165;
  color: #fff;
  border-color: #C3A165;
}

.btn:before {
  content: '';
  height: 1px;
  background-color: #C3A165;
  width: 1000px;
  position: absolute;
  left: -1040px;
  top: 25px;
}

.btn:after {
  content: '';
  height: 1px;
  background-color: #C3A165;
  width: 1000px;
  position: absolute;
  right: -1040px;
  top: 25px;
}

.border {
  position: relative;
  width: 100%;
}

Popularity 2/10 Helpfulness 1/10 Language css

Source: stackoverflow.com

Tags: border css text

Link to this answer
Share Copy Link

Contributed on Oct 03 2023

Ariful Islam Adil(Code Lover)

0 Answers Avg Quality 2/10

middle text and left and right border in css

Contents

More Related Answers

middle text and left and right border in css

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.