Html 如何制作<；h2>；元素向上移动或居中于此空白之间（如图所示）

网站的CSS代码我也把这两个不同的元素放在Div中，每个img都有一个填充，这样它就不会从上方或下方粘在Div的边框上

---

}

要使项目垂直和水平居中，可以使用flexbox属性。 对于要居中的元素的外部容器

.outerContainer{
   display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex; 
   justify-content:center;/* horizontal centering*/
   align-items:center; /* vertical centering */
   flex-direction:column; /* for making your child elements comes one after another in new lines*/
   height:200px;
   width:300px;
}

---

为了让我们更好地帮助您，请您更新您的问题，以便在问题本身的a中显示您的相关代码。如果您能让我们知道您迄今为止为解决您的问题所做的努力，这也会很有帮助。有关更多信息，请参阅帮助文章。垂直或水平居中？您也可以发布HTML吗？如果您在问题中的一个片段中发布您的代码，我们可以在可能的情况下运行并准确地看到您所看到的内容，那么我们最容易给您一个好的答案。不，我希望它垂直居中于空白处，它完全居中horizn@mohamed_mostafa你试过flexbox属性吗？

.outerContainer{
   display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
   display: -ms-flexbox;  /* TWEENER - IE 10 */
   display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
   display: flex; 
   justify-content:center;/* horizontal centering*/
   align-items:center; /* vertical centering */
   flex-direction:column; /* for making your child elements comes one after another in new lines*/
   height:200px;
   width:300px;
}