LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
  • 13.5Km Unmesh Dusane Front End Developer India , Pune View Profile
  • 13.5Km Unmesh Dusane Front End Developer India , Pune View Profile
  • 13.5Km Unmesh Dusane Front End Developer India , Pune View Profile
CSS
a{
  color:#003399;
  text-decoration:none;
}
.profileWrap{
  position: relative;
  padding: 15px;
  border: 1px solid #ccc;  
  padding-left: 100px;
  list-style: none;
  margin-bottom:20px;
}
.profImg{
  width: 50px;
  height: 50px;
  border:1px solid #ccc;
  border-radius: 25px;
  position:absolute;
  left:30px;
  top:30px;
}
.profImg img {   
  width: 50px;
  height: 50px;
  border-radius:50%;
}
.profileInfo span {
  display:block;
  font-size:14px;
  line-height:18px;
  color:#000;
}
.profileInfo .dist {
 text-align:right;
 color:#ccc;
}
Host Instantly Drag and Drop Website Builder

 

Description

I have created demo of user profile card list with profile image at the left side . I have used position:absolute for image , this is best way to create this kind of structure.
Term
Mon, 11/27/2017 - 22:04

Related Codes

Pen ID
Pen ID
Pen ID