The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Foundation 5 Prefix Gap

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #204031

    I have a small issue with my login example on my top input on my form there is to much gap between the span and the input

    I do not know why? How would I solve issue?


    Looks like you’re using the foundation grid system. See the docs, to have it explained it detail ( The short version is, that your consists of rows and gutters/gaps between them (done with padding-left and padding-right on the elements). One solution would be to set this padding to 0, something like this:

    I’m no foundation expert, however – so there might be a better way for it :)


    Similarly, you could use row collapse instead of column no-padding-right. Like this:

    <div class="row collapse">
      <div class="large-2 small-2 columns">
        <span class="prefix">http://</span>
      <div class="large-10 small-10 columns">
        <input placeholder="Enter your URL..." type="text">
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.