Issue with getting buttons side by side in table row

问题: I have trying to get the two key buttons side by side from each other, instead the second but jumps to the next line. Been stuck with this for a few days now and i have t...

问题:

I have trying to get the two key buttons side by side from each other, instead the second but jumps to the next line.

Been stuck with this for a few days now and i have tried using display: display-inline and float: right, but have been unsuccessful. Can someone please help me find the solution to this problem. I have used a link to jfiddle which includes my HTML and CSS.

[enter link description here][1]

<th colspan="4">Header</th>
            </tr>
            <tr>
                <td>Twinkle STARS


                    <button class="key-button">#### ####</button> 
                    <button class="key-button2">#### ####</button> 


                </td> 

  [1]: ht

tps://jsfiddle.net/1nzr3yjf/


回答1:

Reduce the width of your buttons. Try width: 100px; for .key-button, .key-button2

  • 发表于 2019-12-25 16:17
  • 阅读 ( 85 )
  • 分类:网络文章

条评论

请先 登录 后评论
不写代码的码农
小编

篇文章

作家榜 »

  1. 小编 文章
返回顶部
部分文章转自于网络,若有侵权请联系我们删除