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