# \[Pro\] Center inflow Items

**URL:** <https://discourse.softpress.com/t/pro-center-inflow-items/20631>\
**Category:** Freeway\
**Created:** [July 30, 2014, 11:17pm UTC](https://discourse.softpress.com/t/pro-center-inflow-items/20631 "2014-07-30T23:17:22Z")\
**Posts on this page:** 5\
**Page:** 2

<div class="post-metadata">

**Author:** ![Wimdg](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/w/c5a1d2/32.png) [@Wimdg](https://discourse.softpress.com/u/Wimdg)\
**Post date:** [August 6, 2014, 7:48pm UTC](https://discourse.softpress.com/t/pro-center-inflow-items/20631/21 "2014-08-06T19:48:31Z")

</div>

Well, the inline block method is a success on my website and I must say it really works great together with the border-box css which I added instead of the box-Sizing action.

I also added vertical-align: top to my divs. Now it looks as I wanted it to look.

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Andries\_Kuipers](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/a/b487fb/32.png) [@Andries\_Kuipers](https://discourse.softpress.com/u/Andries_Kuipers)\
**Post date:** [September 13, 2014, 10:22pm UTC](https://discourse.softpress.com/t/pro-center-inflow-items/20631/22 "2014-09-13T22:22:06Z")

</div>

Hi Walter,

I need your advice if it suits you. I have the same problem as Billy Kimmel had and followed your recipe step by step. But all I get is not the result I want. I saw it succeeds on Billy’s site. I have multiple HTML-items drawn inline on a relative HTML box with flexible  
height. But the (floating left) items are not centered but stay left aligned. I’ve tried many options for hours now, but can’t find the right one.  
I saw also your example at [http://freewaytalk.net/thread/view/8446#latest](http://freewaytalk.net/thread/view/8446#latest) but couldn’t find the solution there too, neither in the source code. Do I have to add ‘max width’ perhaps in the ‘div style tab’ as Billy mentioned? If yes, how much?  
You can see my trial at [http://www.alphacreations.nl/freeway](http://www.alphacreations.nl/freeway)

Thanx in advance

Andries

> On 4 Aug 2014, 9:00 pm, waltd wrote:
> 
> Yes, it’s a great solution to this problem.
> 
> Walter
> 
> On Aug 4, 2014, at 6:14 AM, Wimdg wrote:
> 
> > Is the ‘inline block’ method Walter described, the cure for a three column row that moves under each other, when resizing a window?

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [September 13, 2014, 10:37pm UTC](https://discourse.softpress.com/t/pro-center-inflow-items/20631/23 "2014-09-13T22:37:21Z")

</div>

If you look at your Div basisbar - you have the following styles attached to it

```auto
#basisbar {
width: 100%;
z-index: 0;
background-color: red;
overflow: visible;
text-align: center in to box;
}

```

Change the text alignment to a valid value ie

```auto
text-align: center;

```

David

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![Andries\_Kuipers](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/a/b487fb/32.png) [@Andries\_Kuipers](https://discourse.softpress.com/u/Andries_Kuipers)\
**Post date:** [September 14, 2014, 11:04am UTC](https://discourse.softpress.com/t/pro-center-inflow-items/20631/24 "2014-09-14T11:04:05Z")

</div>

Thanks David! I used too much text because I interpreted Walters explaination text wrong. It now works correct!

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

---

<div class="post-metadata">

**Author:** ![David\_McCallum](https://discourse.softpress.com/letter_avatar_proxy/v4/letter/d/ec9cab/32.png) [@David\_McCallum](https://discourse.softpress.com/u/David_McCallum)\
**Post date:** [September 14, 2014, 7:15pm UTC](https://discourse.softpress.com/t/pro-center-inflow-items/20631/25 "2014-09-14T19:15:59Z")

</div>

> because I interpreted Walters explaination text wrong

What you have to remember is that any ‘value’ that is used is always going to be a number (usually followed by a unit designation ie px) or a single word value like: left, right, none

The only way you would get values seperated by spaces (centre in to box) would be when you are actually defining several values at once. An example of that would be border-bottom: 1px solid red

So that should make it easier for you to find errors in the future.

D

* * *

freewaytalk mailing list  
email@hidden  
Update your subscriptions at:  
[http://freewaytalk.net/person/options](http://freewaytalk.net/person/options)

[Previous page](https://discourse.softpress.com/t/pro-center-inflow-items/20631.md?page=1)