html - 如何并置 DIV 和 Anchor

Question

这是我的 HTML：

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

如何确保 DIV 和 Anchor 兄弟姐妹居中且彼此相邻？

谢谢，凯文

Answer 1

你可以这样做：

1. 将您的.childdiv 设置为display: inline.

2. 为您的父 div 设置宽度，并将其左右边距设置为auto

CSS看起来像：

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

根据您的需要调整父宽度。

请参阅工作演示。