No replies
jigga's picture
Last seen: 51 weeks 6 days ago
Timezone: GMT+1
Joined: 2021-12-02
Posts: 1
Points: 2

I have button with +/- sign and a text as shown in attached image. The + sign is changed using :after in CSS.

I have a dropdown-button with a sign (+/-) and a text. These are not aligned vertically and I have tried to adjust the sign with padding-bottom without succeed. Padding-top will move the + sign downward but nothing happen when I use padding-bottom. How can I get these aligned vertically? The problem becomes extra clear on mobile screens.

.oemDropbtn {
  display: inline;
  background-color: #fff;
  color: #000305;
  text-decoration: none;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  border: none;
  cursor: pointer;
  text-align: left;
  text-decoration: none;
  font-size: 100%;
  font-weight: inherit;

.oemDropbtn:after {
  content: '\002B';
  color: #000305;
  font-weight: bold;
  font-size: 114%;
  float: left;
  margin: 0px 7px 0px 0px;
  text-decoration: none;
.active:after {
  content: "\2212";

button.PNG7.18 KB