左の余白を消す方法
CSSを書いていて左の余白を消したいときは下記のコードを使う
タグ名{
padding-left:0;
}
幅と高さを指定する
幅と高さを指定したいときはwidth(幅)とheight(高さ)を使う
タグ名{
width:50px;
height:50px;
}
リストのデフォルトの余白を取り除く
一般的なブラウザでは、リストの周り(外側)に余白がつくそうだがそれを取り除きたい場合はmarginを使う
(marginは外側の余白で、paddingは内側の余白なので使い方には気を付ける)
→サルワカさんのがわかりやすい
https://saruwakakun.com/html-css/basic/margin-padding
ul {
margin: 0 0 5px 0;
(margin: 上 右 下 左;)
}
CSSで横並びにする方法
単純な横並びであればflexboxを使う
(floatというものもあるが、使い分けはこれから勉強します)
親タグ {
display: flex;
}