“przycisk pływak w prawo” Kod odpowiedzi

przycisk pływak w prawo

<div class='container'>
    <button class="button-1">button 1</button>
    <button class="button-2">button 2</button>
</div>

<style>
.container {
  width:200px;
  display:inline-block;
  overflow: auto;
  white-space: nowrap;
  margin:0px auto;
  border:1px red solid;
}
.button-1{
	float-left;
}
.button-2{
	float-right;
}
</style>
Dionoh

przycisk Float CSS

.float-left {
  float: left;
}
Bojoer

przycisk pływak w prawo

<!--This is a Flexbox solution-->

<div class='container'>
    <button class="button-1">button 1</button>
    <button class="button-2">button 2</button>
</div>

<style>
  .container {
    width:200px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    overflow: auto;
    white-space: nowrap;
    border:1px red solid;
  }       
</style>
Dionoh

Odpowiedzi podobne do “przycisk pływak w prawo”

Pytania podobne do “przycisk pływak w prawo”

Więcej pokrewnych odpowiedzi na “przycisk pływak w prawo” w HTML

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu