如何将捐赠按钮放在左侧，将文本段落放在右侧？

Question

首先，我理解这对于那些非常了解CSS的人来说是一个简单的问题。我是一个具有基本网络开发技能的人，我正在通过建立他们的网站帮助一个新的慈善机构。所以，请原谅我提出一个谷歌可以提供帮助的“简单”问题。问题是我无法理解如何用我的主题解决这个问题。谷歌搜索基本的CSS问题不会帮助我解决这个具体问题。感谢。

在此页面上：http://www.ukraineaid.org/who/

我想把左边的捐赠按钮和右边的文字段落？我试图编辑Danko wordpress主题来实现这一点，但有些东西搞砸了。我需要做什么？

Answer 1

在css：

中进行这些更改

.home-button {
width: 361px;
height: 84px;
margin-right: 20px;
margin-top: 21px;
}

和

.home-money {
width: 560px;
float: right;
}

Answer 2

从margin-right: 20px;课程中删除.home-button应该有效。

Answer 3

转到下面的课程并添加 float：right; 并删除 .left 类

.home-money {
width: 560px;
float: right;
}

以下课程添加float：left;

.home-button a {
float: left;
text-align: right;
}

Answer 4

• 在.left div
中将班级.right更改为.home-money
• 将.home-button的宽度从400px缩小到380px如果你想要一个20px的右边距或删除margin-right，margin-right: 0;

Answer 5

您好，您可以更改以下css来设置您的设计

.home-button {
    height: 84px;

    width: 400px;
}


.home-money {
    float: right !important;
    width: 560px;
}