[Vuejs]-Reducing the space between radio label lines

by

0👍

The extra vertical space is probably coming from some other (or browser default) <p> CSS.

Either change the <p id="welcomeOfferSubtext"> to <div id="welcomeOfferSubtext">

Or add to your css:

#welcomeOfferSubtext {
    padding-left: 28px;
    margin: 0; // add this line
  }

0👍

Firstly make span as inline-block, so that all elements within span will be aligned to span. Now you can do your css accordingly. <p> tag has some default margin, you can then modify it accordingly.

<style>
span{
    display: inline-block;
    vertical-align: top;
}
#welcomeOfferSubtext{
    padding: 0;
    margin-top: 5px;
}
</style>

Leave a comment