# Centering a Horizontal Line

**URL:** <https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991>\
**Category:** RapidWeaver Classic\
**Created:** [February 4, 2020, 12:50am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991 "2020-02-04T00:50:11Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 4, 2020, 12:50am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/1 "2020-02-04T00:50:11Z")

</div>

I can not figure out how to center all the orange horizontal lines. Any ideas; I’ve read every resource that I have and nothing is working? I’m using Joe Workman’s Divider stack in a Foundation project with the following CSS:

.orangeline { width:5%; height:2px;  
background: #EE8121  
}

[https://one11sandbox.com/sspros/](https://one11sandbox.com/sspros/)

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [February 4, 2020, 1:05am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/2 "2020-02-04T01:05:45Z")

</div>

Does Foundation not have alignment options for it’s divider? Seems like it should.

If not, add this to your “orangeline” CSS:

```
margin-left: auto !important;
margin-right: auto !important;

```

The divider stack appears to be setting left and right margins for each instance, which is why “!important” is needed.

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 4, 2020, 1:08am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/3 "2020-02-04T01:08:47Z")

</div>

It doesn’t and when I add the margin line(s) in, the element disappears.

---

<div class="post-metadata">

**Author:** ![DLH](https://avatars.discourse-cdn.com/v4/letter/d/b5e925/32.png) [@DLH](https://forums.realmacsoftware.com/u/DLH)\
**Post date:** [February 4, 2020, 1:16am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/4 "2020-02-04T01:16:52Z")

</div>

Can you republish after adding it? Here’s a screenshot with that change made live in Firefox.  
Looks like what you want, correct?

![09%20PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/d/dd3ecb247a8938401bae157e7207c8ff0be1b450.png)

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 4, 2020, 1:43am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/5 "2020-02-04T01:43:08Z")

</div>

That’s weird. I went ahead and republished, but I changed the classes and dropped the stack for an html stack with the hr tag and it’s working fine now.

![36%20PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/7/c7846ce17c6cbb78b4c34514efeaf6deb1d9cfd6.png)

---

<div class="post-metadata">

**Author:** ![capetom](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/capetom/32/14351_2.png) [@capetom](https://forums.realmacsoftware.com/u/capetom)\
**Post date:** [February 4, 2020, 10:39am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/6 "2020-02-04T10:39:46Z")

</div>

Hi Eric,

cool page. How are all the animations made/controlled?

---

<div class="post-metadata">

**Author:** ![dropgates](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dropgates/32/34206_2.png) [@dropgates](https://forums.realmacsoftware.com/u/dropgates)\
**Post date:** [February 4, 2020, 2:14pm UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/7 "2020-02-04T14:14:59Z")

</div>

[Assemble](https://onelittledesigner.com/rapidweaver-stack/assemble/) stack by @1LittleDesigner.

---

<div class="post-metadata">

**Author:** ![peterdanckwerts](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/peterdanckwerts/32/22443_2.png) [@peterdanckwerts](https://forums.realmacsoftware.com/u/peterdanckwerts)\
**Post date:** [February 4, 2020, 4:13pm UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/8 "2020-02-04T16:13:18Z")

</div>

As @capetom says, it’s a cool page. Pity about those hideous solar panels! I’d go for Tesla’s or PVSlate if I had the money. 😀

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [March 6, 2020, 2:19am UTC](https://forums.realmacsoftware.com/t/centering-a-horizontal-line/30991/9 "2020-03-06T02:19:14Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.