Question about CSS

the100yen

Member
I have arranged few icons in my message template

Image377.png

You can see everything is in correct spot



however if I post long comment, it will look like below

Image378.png


I am not sure how css needs to be configured

Below are my css which is in my Extra.css

.icons { * This is the icon in orange

background-color: #f56a00;
float: left;
padding: 10px;
margin-top: 10px;
 height: auto;
width: auto;
margin-left: 40px;
font-size: 15px;
border-radius: 10px;
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px#888;
box-shadow: 0 0 5px 5px #888;

}

.PSN {

float: left;
padding-top:60px;
margin-left: -225px;
}

.twitter {

float: left;
padding-top:60px;
margin-left: -190px;
}

.facebook {

float: left;
padding-top:60px;
margin-left: -155px;
}
 
Top Bottom