HTML hr element display centered with both ends padded #12618
-
|
When using foundation XY version 6.8.0 the HTML hr element displays it self centered while both the left and right ends of the hr line are shorten (padded). Is this a bug or what? I would like to see the hr line running the full width of the cell without any spacing at both ends of the line as in the flex version. |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
|
Two reasons for this.
|
Beta Was this translation helpful? Give feedback.
-
|
Your number one reasons help me to narrow the problem to solve the hr tag issue. There was another grid-container nested within the parent grid-container. However, the nested grid-container had the hr tag. Once I removed the nested grid-container, the problem was resolved. |
Beta Was this translation helpful? Give feedback.
Two reasons for this.
is your hr tag inside a grid-container class. If so grid-container has padding. Experiment will adding .full or .fluid to your grid-container.
hr tag I believe has a max width applied. If not inside a grid-container, try adding .full, .fluid, or .expanded to the hr tag.