Merhaba arkadaşlar,

Ben şuanda Front-end konusunda kendimi geliştirmeye çalışıyorum. Bir "sidebar" yaptım fakat bazı ufak sorunlarım var.

1- Sosyal Medya ikonları için bir

etiketi açtım fakat bu etiketi bir türlü "sidebar" ın içine alamadım. Hep dışarıda kalıyor.

2-Ayrıca ikonları da "sidebar" a bir türlü ortalayamadım.

Resim de koyuyorum zaten net anlaşılacaktır sorunum. Ayrıca HTML/CSS kodları da aşağıya koyuyorum.

Resim Link: http://i.hizliresim.com/zYA43R.jpg















ABOUT ME
























.sidebar .widget {
width: 100%;
height: auto;
background-color: #fff;
border: 1px solid #e4e4e4;
border-top: none;
border-radius: 3px;
margin-bottom: 30px;
}

.sidebar .widget h3 {
text-align: center;
}

.sidebar .widget p {
padding: 20px;
text-align: center;
}

.sidebar .widget .about-me .avatar {
position: relative;
padding: 10px;
text-align: center;
overflow: hidden;
}

.sidebar .widget .about-me .avatar img {
border-radius: 50%;
}

.sidebar .widget .about-me ul li {
float: left;
list-style: none;
margin-right: 15px;
}

.sidebar .widget .about-me ul li a {
font-size: 40px;
text-align: center;
}