I am trying to get form buttons to display a row in a row. I am using CSS to output HTML code from someone else's script, so I need to understand the structure in HTML. I cannot change it to what I understand. See code below.
What are the default styles for these elements when used this way? I got the impression that this is a block element, and it was built-in. No matter how I try to style it with CSS, I can not change my position (except with a floating point, which I would like to avoid in this case). Help! Thanks:)
<html> <head></head> <body> <div class="comment_buttons"> <form class="button discussion__edit" method="get" action="/doku.php#discussion__comment_form"> <div class="no"> <input type="hidden" name="id" value="start" /> <input type="hidden" name="do" value="show" /> <input type="hidden" name="comment" value="edit" /> <input type="hidden" name="cid" value="f871dd5933621b4fe9070bab542ff3ea" /> <input type="submit" value="Edit" class="button" title="Edit" /> </div> </form> <form class="button discussion__toogle" method="get" action="/doku.php"> <div class="no"> <input type="hidden" name="id" value="start" /> <input type="hidden" name="do" value="show" /> <input type="hidden" name="comment" value="toogle" /> <input type="hidden" name="cid" value="f871dd5933621b4fe9070bab542ff3ea" /> <input type="submit" value="Hide" class="button" title="Hide" /> </div> </form> <form class="button discussion__delete" method="get" action="/doku.php"> <div class="no"> <input type="hidden" name="id" value="start" /> <input type="hidden" name="do" value="show" /> <input type="hidden" name="comment" value="delete" /> <input type="hidden" name="cid" value="f871dd5933621b4fe9070bab542ff3ea" /> <input type="submit" value="Delete" class="button" title="Delete" /> </div> </form> </div> </body> </html>
source share