Lining up columns with HTML/CSS that have buttons -


here current html/css/javascript: http://jsfiddle.net/3ebvd/.

specifically, css i'm focusing on (although guess problem elsewhere):

#linkbuttons {     display: table-cell;     padding-left:20px;     padding-top:0px;     padding-bottom:10px;     padding-right:20px;     vertical-align: middle;     width: 50px;     outline:2px solid black; } #deftext {     margin-right: 40px;     display: table-cell;     padding-right:10px;     padding-left:0px;     padding-top:30px;     padding-bottom:30px;     width: 45%;     vertical-align: middle;     border: 2px solid black; } #votebuttons {     display: table-cell;     padding:20px;     padding-right:20px;     width: 80px;     vertical-align: middle;     border: 2px solid black; } 

there 2 boxes, first of perfect , need. second 1 (the 1 buttons) not lining correctly , can't figure out why.

yes have tried float property far screws more...unless i'm doing totally wrong.

thanks much!

is way want . have fixed html tags

<div id=votebuttons>                             <button id=upvote onclick="modify_qty(1)">&#8593</button>                             <p>                                 <input id="qty" value="0" readonly>%                                 <button id=comment>com</button>                             </p>                             <button id=downvote onclick="modify_qty(0)">&#8595</button>                         </div>                         <div id="one"></div> 

this outside second-outline div http://jsfiddle.net/3ebvd/3/


Comments

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -