Remove little space before button when select box

HTML-CSS
1



How is possible to remove that space when selecting and is contain a button element? That little space betwen two button with select like text color at select? There why show like a space like between two words? When there is nothing have?

https://fvsch.com/styling-buttons/step4-final.html

Thanks.

2

Hi just to check are you talking about the 5px gap between the buttons, if so this is a default setting when when using multiple inline-blocks.

There are a range of methods for this here are 2:

.btn {
    display: inline;
    text-align: center;
    text-decoration: none;
    margin: 2px 0;
    border: solid 1px transparent;
    border-radius: 4px;
    padding: 0.5em 1em;
   margin-left: -4px;
    color: #FFFFFF;
    background-color: #9555AF;
}
.btn:first-child {
margin-left: 0;
}

//or wrap them using flexbox
.flex {
display: flex;
}

<p class='flex'>
    <a href="#" class="btn">Hi, I’m a link</a>
    <button class="btn">And I’m a button</button>
  </p>
3

So you mean is by default that to have a little space when use display:inline-block; ? Like a space " " place?

Thanks.

4

It depends on font-size of parent element. But yeah it pretty much always leaves a gap off some description.

5

Its more of a gap then a space if that makes sense?