Question

Here’s my HTML:

<DIV class = "parent">
   <DIV class = "child">
   <Anchor ...>
</DIV>

How can I make sure that DIV and Anchor siblings are right-centered and next to each other?

Thanks,
Kevin

Answer 1

You can do it like this:

1. Set your .child div to display: inline.

2. Set a width for your parent div, and set its right and left margins
   to auto

CSS would look like:

div.child { display: inline; }
div.parent { width: 400px; margin: 0 auto; }

Adjust the parent width to your needs.

See working demo .