Как отобразить ссылку на форум и пользователя, разместившего его на моем форуме?

Question

Я хотел бы показать ссылку на форум, которая с правой стороны также должна показывать пользователя с последним сообщением или нитью в форуме. Видимо, вот что я сделал.

КОД 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> 

КОД 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

Is это то, что вы ищете ???

.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>