How to arrange css code

Question

I want to arrange css code. My code is:

.fb_icon{height:30px; width:50px; background:#FFF; margin:0 0 0 700px;}
.fb_img{height:30px; width:50px;}

I don't want any space in my css file. Please help me. Thanks for great help.

You're going to need to be more specific if you want to avoid having your question closed. What do you mean by arrange? There's already just about as little space as possible in the overwhelming two lines of CSS you posted. — TylerH, May 01 '14 at 14:01
Any CSS minifier would do. Perhaps you just didn't know what tool to google for? — Paulie_D, May 01 '14 at 14:17
I have found a website that can help you to remove it. Here is the link: http://textmechanic.co/Remove-Extra-Spaces.html — user3004449, May 01 '14 at 14:02

score 2 · Answer 1 · edited May 23 '17 at 12:25

2

You appear to be asking about the "minifier" concept.

Here are a few options:

edited May 23 '17 at 12:25

Community

answered May 01 '14 at 14:09

starlocke

score 0 · Answer 2 · answered May 01 '14 at 14:03

How to arrange CSS code:

Before:

.fb_icon{height:30px; width:50px; background:#FFF; margin:0 0 0 700px;}
.fb_img{height:30px; width:50px;}

After:

.fb_icon {
    height:30px;
    width:50px;
    background:#FFF;
    margin:0 0 0 700px;
}

.fb_img {
    height:30px;
    width:50px;
}

Other possibility:

.fb_icon{height:30px;width:50px;background:#FFF;margin:0 0 0 700px;}
.fb_img{height:30px;width:50px;}

score 0 · Answer 3 · answered May 01 '14 at 14:09

0

There you go:

.fb_icon{height:30px;width:50px;background:#FFF;margin:0 0 0 700px}.fb_img{height:30px;width:50px}

answered May 01 '14 at 14:09

Jani Hyytiäinen

This answer turned up in the low quality review queue, presumably because you didn't explain your code. If you do explain this code (in your answer), you are far more likely to get more upvotes—and the questioner actually learns something! – The Guy with The Hat May 01 '14 at 14:31

3 Answers3