css内联块div居中对齐,但内部元素仍保持左对齐

css内联块div居中对齐,但内部元素仍保持左对齐,css,alignment,Css,Alignment,我需要这个简单示例的帮助,我设计这个示例只是为了理解与内联块相关的布局。它很简单:左右部分,在右部分内部有上下元素。我希望右部分位于[屏幕宽度减去左部分]的中心,而右部分内部的h3和p元素左对齐。我添加了一个边框,只是为了了解我是否充分利用了右侧屏幕的空间。有时我的双手被束缚,所以我无法更改html,所以我需要纯css方法。 我确实在这里读过一些类似的问题,但经过一些测试,我还是迷路了——例如,给右边的部分一个宽度:500px?但我需要正确的部分为不同的屏幕居中!另一个问题:右部分文本对齐:中心

我需要这个简单示例的帮助,我设计这个示例只是为了理解与内联块相关的布局。它很简单:左右部分,在右部分内部有上下元素。我希望右部分位于[屏幕宽度减去左部分]的中心,而右部分内部的h3和p元素左对齐。我添加了一个边框,只是为了了解我是否充分利用了右侧屏幕的空间。有时我的双手被束缚,所以我无法更改html,所以我需要纯css方法。 我确实在这里读过一些类似的问题,但经过一些测试,我还是迷路了——例如,给右边的部分一个宽度:500px?但我需要正确的部分为不同的屏幕居中!另一个问题:右部分文本对齐:中心也会影响内部元素;内部元素文本对齐:左侧也将影响右侧部分。 请注意:这是关于内联块…和纯css。 感谢您的回复

。左{
显示:内联块;
背景:水;
}
.对{
边框:实心;
显示:内联块;
}

左撇子

右上方 sdfsdd

已添加

margin-left: 50%;
transform: translatex(-50%);
对,对。希望这有帮助。谢谢

。左{
显示:内联块;
背景:水;
}
.对{
边框:实心;
显示:内联块;
左边距:50%;
转化:translatex(-50%);
}

左撇子

右上方 sdfsdd


请添加您想要的屏幕截图。谢谢你可以使用flexbox@XenioGracias谢谢,我刚刚添加了一张图片。非常感谢!这是一个整洁和近乎完美的!