html - CSS new-line/line-break spacing -

this question has answer here:

• how remove space between inline-block elements? 32 answers

consider following html

<div class="buttons">     <button>left</button>     <button>middle</button>     <button>right</button> </div> 

i can see spacing between buttons, understand due cr/lf between each button markup.

is there way correct css?

yes, there 2 ways:

first way:

set html markup side side

<div class="buttons">     <button>left</button><button>middle</button><button>right</button> </div> 

second way

set float:left in buttons

button{ float:left; display: inline-block; }