2つの反対側の2つの要素

-3

2つの要素（テキストとimg）を2つの反対側に作成するにはどうすればよいですか？テキストの長さは可変です（選択する月のリストです）。したがって、テキストはdivの左側または「p」にあり、imgは右側にあるはずです。それらの間にはギャップがあります。このページ上のように： https://zapodaj.net/acb40b1461eaf.jpg.html 2つの反対側の2つの要素

出典

2017-05-15 Filip de Tillier

サードパーティのサイトでのみ**ではなく、質問自体*に関連するすべてのコードを[mcve] *に含めてください。 –

css floatについて読む – juvian

いずれかfloatまたはコンテナ内の各オブジェクトにmarginを使用して、これを行うための複数の方法をあります。

出典

2017-05-15 17:53:58 Carter

CSS-Property Floatがお手伝いします！

.parent { 
 
    width: 90%; 
 
    height: 100px; 
 
    background: #EFEFEF; 
 
} 
 
    
 
.left-child { 
 
width: 80px; 
 
height: 80px; 
 
margin: 10px; 
 
background: #DDDDDD; 
 
    
 
float: left; 
 
} 
 
    
 
.right-child { 
 
width: 80px; 
 
height: 80px; 
 
margin: 10px; 
 
background: #DDDDDD; 
 
    
 
float: right; 
 
}

<div class="parent"> 
 
<div class="left-child"></div> 
 
<div class="right-child"></div> 
 
<div>

出典

2017-05-15 17:57:17 bernhardsohndesherbert

あなたは以下のようにフロートを使用してそれを達成することができます

<!DOCTYPE html> 
<html> 
<head> 
    <style> 
     .left { 
     float:left; 
     } 
     .right { 
     float:right; 
     } 
     img { 
     margin:0.5em; 
     } 
    </style> 
    <body> 
     <div class="container"> 
      <p class="left">Text will come here</p> 
      <img src="" width="" height="" class="right" /> 
     </div> 
    </body> 
</html>

は、画像のプロパティを指定してください。ありがとう！

出典

2017-05-15 17:57:24 user6297534

あり余白、フロートあるいは位置を含む多くの方法、以下のとおりです。いくつかのケースでは、絶対に、それはCSSプロパティのかなり新しいセットがあることは注目に値します - フレックス：

.container { 
 
    display: flex; 
 
    justify-content: space-between; 
 
}

<div class="container"> 
 
    <div>a</div> 
 
    <div>b</div> 
 
</div>

出典

2017-05-15 18:07:45

2つの反対側の2つの要素

答えて

関連する問題