Question

所以我在游戏概念上工作了一段时间，而且我一直试图创建一个基于游戏的网站作为一些繁重的练习。到目前为止一切都那么好，但现在我有点问题（这不是项目阻碍，但如果能找到解决方案，它会让一切看起来更好！）

首先，问题非常简单。我试图并排获得两个元素，它们目前看起来像this。

这是我的代码：

HTML：

<p class="stat-text"><strong>Strength:</strong></p> <p class="stats">500</p>

CSS：

.stat-text {
    display: inline-block;
}

.stats {
    display: inline-block;
}

我的问题是＆＃34;力量＆＃34;和＆＃34; 500＆＃34;离彼此太远了。我想让它们更接近，但我不确定如何。我已尝试过＆＃34; margin＆＃34;没有效果。我试过＆＃34;漂浮＆＃34;但它使背景消失，并为我否定了内联块。我也尝试过像＃34; left＆＃34;等等，但没有任何东西给我预期的结果。

我已经查到了这个问题，但似乎没有任何效果，任何人都可以就如何缩短它们之间的距离给我一些建议吗？（最好保持＆＃34;力量＆＃34;它在哪里但是让＃＆; 34＆＃34;更接近）

Answer 1

＆＃13;

<p class="stat-text"><strong>Strength:</strong>500</p>

＆＃13;

Answer 2

您可以相对于当前使用translate()的位置移动某些内容。要将.stats移到左侧10px，请使用.stats { transform: translateX(-10px); }。

使用超过总宽度的内联块

2 个答案: