Home/ Questions/Q 9219981
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-18T03:14:31+00:00

Using CSS or JQuery (CSS preferred), Is it possible to take a div (of

  • 0

Using CSS or JQuery (CSS preferred),

Is it possible to take a div (of 100% width), with its contents centered, and align any contents that wrap to the left?

Imagine a set of icons centered on your browser. If you reduce the width of your browser, instead of having wrapped icons displaying in the center of the second line, I would like them to align left.

I have tried searching here before posting, but couldn’t find anything that exactly matches my question.

Update:

@Explosion Pills solved it, but here is an updated JSFiddle that addresses browsers other than IE and Chrome by adding word-wrap: pre-wrap; to the outer div: http://jsfiddle.net/etY4r/2/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can do this with just CSS (and quite simply). The outer div can be text-align: center and the inner div (containing the icons) text-align: left with display: inline-block:

    http://jsfiddle.net/ExplosionPIlls/etY4r/

    The inline-block elements are centered in the context of the entire div, but when you decrease the window size enough it will cause the elements to wrap inside of the inner element itself and they are aligned to the left.

    • 0