私は自分のスキルをスキルのリスト、左のスキル、右の写真と揃えることができますか?div(画像のみ)とdiv(テキスト)
私がしたことは、リストと写真を別々の「div」の中に入れていることです。 "display:inline-block;"を使用しました。 CSSのプロパティ
注意:両方のdivに「width:50%;」があります。
.divIN { margin: 25px 0px 25px 0px;}
.both {
width: 50%;
display: inline-block;
}
#imag {
width: 100%;
height: auto;
}
<div id="top" class="divIN">
<div class="both">
<h1>Present Skills</h1>
<ul>
<li>C/C++</li>
<li>Python</li>
<li>HTML(CSS, Bootstrap)</li>
<li>Java(Not Right Away!)</li>
</ul>
</div>
<div class="both"><img src="https://drive.google.com/uc?id=0B9tI4qB-P3oAZjJ6dWZ5VHpPRkU" alt="Image not displayed" id="imag">
</div>
</div>
あなただけの1つのdiv要素ではなく、二つにリストと画像の両方を包囲する必要があります。 –