Not able to order labels in Foundation 4

msznikr

New Member
I have this weird problem where label for end date is coming before start date though after adding a duplicate label solves this issue. I did check for any duplicate ids or classes but no avail. I am using latest version of Foundation from Zurb.Here is my code:\[code\]<div class="large-8 large-centered columns"> <div class="row"> <div class="large-3 columns"> <label for="name" class="right inline">Select Existing</label> <label for="project_name" class="right inline">Project Name</label> <label for="start" class="right inline">Start Date</label> <label for="end1" class="right inline" >End Date</label> <label for="end" class="right inline">End Date</label> </div> <div class="large-9 columns"> <a href="http://stackoverflow.com/questions/15780911/#" data-dropdown="existing" class="small button dropdown">Select Existing Project</a> <ul id="existing" data-dropdown-content class="f-dropdown "> <li> <a href="http://stackoverflow.com/questions/15780911/#">Sample 1</a> </li> <li> <a href="http://stackoverflow.com/questions/15780911/#">Sample 2</a> </li> </ul> <input type="text" id="project_name" placeholder="Project Name"> <input type="text" id="start" placeholder="Start Date"> <input type="text" id="end" placeholder="End Date"> </div> </div> <div class="small-4 small-centered columns"> <a href="http://stackoverflow.com/questions/15780911/#" id="submit" class="button">Upload File</a> </div> </div>\[/code\]Am I doing wrong anywhere?
 
Back
Top