フォーラムリンクとフォーラムをフォーラムに投稿したユーザーを表示するにはどうすればいいですか？

Question

フォーラムリンクを表示したいと思います。右側には最新の投稿やスレッドをフォーラムに表示する必要があります。 明らかにここに私がしたことがあります。

CODE HTML：

<div class="container"> 
    <div class="toggle"></div> 
    <h2>INFORMACJE</h2> 
    <div class="city"> 
    <ul> 
     <li><a href="http://127.0.0.1:81/projekt/forums/forum/ogloszenia-i-nowosci//">ogłoszenia i nowości</a></li> 
     <li><a href="http://127.0.0.1:81/projekt/forums/forum/feedback/">Feedback</a></li> 

    </ul> 
    </div> 
</div> 

CODEのCSS：。

.toggle { 
display:inline-block; 
height:48px; 
width:48px; 
float: right; 
background:url("http://cdn2.iconfinder.com/data/icons/onebit/PNG/onebit_32.png"); 


} 

.toggle.expanded{ 
background:url("http://icons.iconarchive.com/icons/pixelmixer/basic/48/plus-icon.png"); 

} 

h2 { 
    color: white; 
    background-color: rgb(36, 37, 38); 
    padding: 11px 10px 11px 10px; 
    margin: 0; 
    border-width: 0; 
    border-radius: 4px; 
    border: 1px solid rgb(70, 70, 70); 
    margin-bottom: 10px; 
} 

ここでは、私は:(

ここ

が最終的な結果がどのように見えるべきかで得るものです

どうすれば実現できますか？

はjsfiddleでそれをチェック助けてください午前の初心者：https://jsfiddle.net/kh3u0q0r/

Answer 1

はこれですが、あなたが探して何です？

.toggle { 
 
    display: inline-block; 
 
    height: 48px; 
 
    width: 48px; 
 
    float: right; 
 
    background: url("http://cdn2.iconfinder.com/data/icons/onebit/PNG/onebit_32.png"); 
 
} 
 
.first { 
 
    float: left; 
 
} 
 
.second { 
 
    float: right; 
 
} 
 
.toggle.expanded { 
 
    background: url("http://icons.iconarchive.com/icons/pixelmixer/basic/48/plus-icon.png"); 
 
} 
 
h2 { 
 
    color: white; 
 
    background-color: rgb(36, 37, 38); 
 
    padding: 11px 10px 11px 10px; 
 
    margin: 0; 
 
    border-width: 0; 
 
    border-radius: 4px; 
 
    border: 1px solid rgb(70, 70, 70); 
 
    margin-bottom: 10px; 
 
}

<div class="container"> 
 
    <div class="toggle"></div> 
 
    <h2>INFORMACJE</h2> 
 

 
    <div class="city"> 
 
    <ul> 
 
     <li class="first"><a href="http://127.0.0.1:81/projekt/forums/forum/ogloszenia-i-nowosci//">ogłoszenia i nowości</a> 
 
     </li> 
 
     <li class="second"> 
 
     <a href="http://127.0.0.1:81/projekt/forums/forum/feedback/">Feedback</a> 
 
     </li> 
 

 
    </ul> 
 
    </div> 
 
</div>