How to horizontally align to “block” divs inside a div?

Tags: html,css,alignment

Problem :

I have a div with another div inside it, in that div there are 3 <a>s. I want the inner div to horizontally align itself in the outer div.

How can i achieve this?

The outer div(Footer_Column) has to have display: inline_block and vertical-align: middle

So it looks like this:

|                           |
|     i'm a link            |
|     i'm a long link       |                         
|     i'm short             |
|                           |


<div class="Footer_Column">
    <div class="Footer_Column_Inner">
        <a href="">i'm a link</a>
        <a href="">i'm a long link</a>
        <a href="">i'm short</a>


.Footer_Column {
        display: inline-block;
        vertical-align: middle;
        width: 32.7%;
            display: inline-block;
        .Footer_Column a {
            display: block;
            font: 13px Trebuchet MS;
            color: #464646;
            text-decoration: none;

Thanks a lot!

Solution :

.Footer_Column_Inner {
  margin: 0 auto;
  display: table;  

no need to specify width

    CSS Howto..

    How to position background image in bottom right corner? (CSS)

    CSS preprocessors workflow - how does it really work?

    Javascript/CSS, How to keep changes?

    How to close a modal box after form submit?

    how to use querySelector to select dynamic added elements

    How to crop/cut off an image so it fits the height of the browser window?

    Position:Absolute; Div is making the page too wide and adding blank space to the side. How do I reduce its size?

    How can I use jQuery to create a csv of all checked checkboxes associated text?

    How do i shift the text in twitter bootstrap navbar to center?

    How to add a custom CSS file in ExtJs 5?

    How to make a child div to grow to full screen using CSS?

    How to add Css classes in TinyMCE editor Styles drop down through coding

    How to add an existing class to td in css file?

    How to create CSS gradient from the centre? [closed]

    How to make search bar responsive using CSS

    CSS: How to create a button with an arrow placedo on the right

    How can I adjust image width and height to 100 x 100 keeping ratio?

    How can I make the ul contain li in its content box?

    How to get 3 div's side by side under an angle

    How to style Repeater item background color ontap?

    jQuery (or JS) - How to get only elements that are certain colour from an array?

    how to create a pricetag like border around list items

    When and how to use !important CSS property in a bookmarklet with cross domains?

    How to overlap 2 charaters with CSS

    How to get inner and outer width to a single element?

    How do I add background color to just the width of centred text?

    How to style nested ID-elements in CSS/SASS

    How to display multi-column article from a single column article data source?

    How to create a right border that's only 70% of its actual size?

    How do I get only two form fields to show instead of all 5 on initial page load? CSS