Space created at the bottom of a panel with foundation framework -


i'm playing foundation framework , i'm trying make simple login form it. here's markup

<form>             <div class="row">                 <div class="large-4 columns">                        <div class="panel">                         <div class="row">                             <div>                                 <label>login: <input type="text" placeholder="login">                             </div>                           </div>                         <div class="row">                             <div>                                 <label>senha <input type="password">                             </div>                         </div>                         <div class="row">                                                                                    <input type="submit" value="ok" class="tiny button right">                             <a href="#" class="left">esqueci minha senha</a>                         </div>                           </div>                                       </div>                           </div>         </form> 

but @ bottom of it, there's space created. enter image description here how can remove space?

the space talking created buttons bottom margin. remove add css class such:

.panel .button { margin-bottom: 0; } 

working example: jsfiddle


Comments

Popular posts from this blog

android - Get AccessToken using signpost OAuth without opening a browser (Two legged Oauth) -

org.mockito.exceptions.misusing.InvalidUseOfMatchersException: mockito -

google shop client API returns 400 bad request error while adding an item -