今、こんな感じでiconにfloat:left;を当てています。(名前にも)
この、iconを名前のちょうど横に持っていきたいと思っています。
あと、横に持って行って、少し右に寄せたいです。
"ここ"に持ってきたいんです。
postion:を試しましたが、floatしているiconには無理みたいでした。
(名前は動かせましたが)
どうすれば、いいでしょうか?
.chat { overflow:auto; height: 100vh; position:relative; &__left { width:300px; float:left; .chat__left_user { height:70px; background-color: $userback; color:$white; border: 20px solid $userback; .chat__left_user_name { padding-top: 20px; font-size:20px; font-weight:bold; color:$white; } .chat__left_user_new_group { } .chat__left_user_edit { }
.chat__left_user_new_group
.chat__left_user_edit
がアイコンです。
chat__left_user .chat__left_user_name dossy .chat__left_user_new_group = fa_icon 'cog' .chat__left_user_edit = fa_icon 'cog'
= fa_iconはfontawesomeを使っています。
アイコンはボタンにするつもりです。
回答2件
あなたの回答
tips
プレビュー