我试着:
居中一个包含2个内联元素的容器div:另一个div和一个 Headers .
Headers 可以是任意长度 .
元素必须彼此相邻 .
文本必须左对齐 .
div必须垂直对齐文本中心 .
这是目的:
这就是我到目前为止所拥有的 .
HTML
This is my title
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ipsum reprehenderit ipsam hic adipisci ex obcaecati asperiores ab rerum, incidunt eius eligendi ea, odit, maiores fugit cumque modi, facere laudantium.
This is another title. It could be any length. Any length at all.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officiis ipsum reprehenderit ipsam hic adipisci ex obcaecati asperiores ab rerum, incidunt eius eligendi ea, odit, maiores fugit cumque modi, facere laudantium.
CSS .container {width:80%;身高:自动;保证金:0自动; background-color:rgba(150,100,200,0.8); text-align:center;填充:1em; p {text-align:left; }}
.box{
display: inline-block;
width: 3em;
height: 3em;
background-color: lightblue;
vertical-align: middle;
}
h2{
display: inline-block;
width: calc(100% - 4em);
margin: 0 auto;
text-align: left;
}
非常感谢 .