在横幅中的两个按钮之间创建一个空格

Question

如何在横幅中的两个按钮之间留出0.5厘米的间距？ 从那一刻起我就被困住了。 我应该用HTML更改块吗？

在我的CSS代码中

.myButtonRegister{
  float: left;
  background-color: #C22312;
  color: white;
  height: 48px;
  width: 168px;
  text-align: center;
  color: white; 
  font-family: 'Pridi', serif;
  font-size: 26px;
  padding-top: 10px; 
  word-spacing: 0px;
}
.myButtonRegister a {
  color: #f2f2f2;
  text-decoration: none;
}
.myButtonLogin{
  float: left;
  background-color: black;
  color: white;
  height: 48px;
  width: 168px;
  text-align: center;
  color: white; 
  font-family: 'Pridi', serif;
  font-size: 26px;
  padding-top: 10px; 
  word-spacing: 0px;
}
.button-action {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}

你有想法吗 ？ 感谢您的回答。 问候

Answer 1

在类myButtonRegister中的以下行添加

 margin-right:10px;

您可以根据需要更改10px。 希望这可以帮助。

Answer 2

尝试在.myButtonRegister类中.myButtonRegister此规则margin-right: 50px;

Answer 3

右加边距：30px; 属性添加到您的类myB​​uttonRegister。

.myButtonRegister{
 float: left;
 background-color: #C22312;
 color: white;
 height: 48px;
 width: 168px;
 text-align: center;
 color: white; 
 font-family: 'Pridi', serif;
font-size: 26px;
 padding-top: 10px; 
word-spacing: 0px;
margin-right: 30px;
}