How to remove the space between html buttons?

Asked Nov 13 '19 at 19:33

Active Nov 13 '19 at 19:42

Viewed 45 times

I don't know those spaces got there and how to remove them. Any help would be aprreciated

.square{
    width:50px;
    height:50px;
    background-color:#FF9500;
    color:#000;
    font-size:50px;
    text-align:center;
    line-height: 22px;
}

<div id="allbuttons">
    <div class="line">
        <button class = "square" id="b1">1</button>
        <button class = "square" id="b2">2</button>
        <button class="square" id="b3">3</button>  
    </div>
    <div class="line" >
        <button class = "square" id="b4">4</button>
        <button class = "square" id="b5">5</button>
        <button class="square" id="b6">6</button>  
    </div>
    <div class="line">
        <button class = "square" id="b7">7</button>
        <button class = "square" id="b8">8</button>
        <button class="square" id="b9">9</button>  
    </div>
    </div>

screenshot

edited Nov 13 '19 at 19:42

ZorgoZ

2,974
1
12
34

asked Nov 13 '19 at 19:33

asdf

1

Get rid of the white space in between the ```div``` elements – Seth B Nov 13 '19 at 19:55
what do you mean – asdf Nov 13 '19 at 19:59
Instead of `````` return tab and then ```
```, you need to delete the space in between the ```
``` elements. Example: ```
```
– Seth B Nov 13 '19 at 20:01
https://codepen.io/sethblackwater/pen/jOOeWBz – Seth B Nov 13 '19 at 20:08
I took all white space out, and it works now. – Seth B Nov 13 '19 at 20:08
1

That worked! Thanks! – asdf Nov 14 '19 at 00:37

How to remove the space between html buttons?

0 Answers0