2017-05-22 23 views
-1

テキスト、ボタン、GIF、イメージのdivは中央に設定されていますが、左側に改行を入れずに左に別のdivを設定する方法はありますか?
画像の説明:https://prnt.sc/faolm5CSSの配置と配置

+0

使用 'フロート:CSSプロパティleft' –

+1

は、あなたのHTMLとCSS –

+0

を追加することはできますが、このために新しい要素 – Chris

答えて

0

これを確認してください。 LearnLayoutそれはあなたを助けるでしょう。以下のCSSも使用できます。

例1

div { 
    display: inline-block; 
} 

例2

div { 
    float: left; 
} 
0

追加float: left

#div1 { 
    width: 50px; 
    height: 50 px; 
    border: 1px solid red; 
    float: left; 
} 

#div2 { 
    width: 50px; 
    height: 50 px; 
    border: 1px solid red; 
    float: left; 
    margin-left: 5px; 
} 

<!DOCTYPE html> 
<html> 

<head> 
    <link rel="stylesheet" href="style.css"> 
    <script src="script.js"></script> 
</head> 

<body> 
    <div id="div1"> 
    I am first! 
    </div> 

    <div id="div2"> 
    I am second! 
    </div> 
</body> 

</html> 

DEMO