CSS: Not fixed text div Width

Question

I'm working on a personal project and I'm having a design issue:

Say you have a div with this text: "Hello my name is Daniel..." and another div under that..

So the width should be the size that takes that phrase and element; not the size of the whole container.

This is my code in HTML:

<div id="feed">

        <div class="post">
            <div class="feed-msg">
                <p>My name is Daniel...</p>
                <div class="meta">5 hours ago.</div>
            </div>
        </div><!-- [End] .post -->
</div>

This is my code in CSS:

#feed {
 position: relative;
}

#feed .post {
min-height: 55px;
margin-left: 90px;
position: relative;
margin-bottom: 20px;
}

#feed .post div.feed-msg {
padding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15px;
}

Thanks.

Oriol · Accepted Answer · 2012-09-02 20:56:46Z

1

Do you want this: http://jsfiddle.net/uhEBs/ ?

Use

#feed .post div.feed-msg {
    display:inline-block;
}

Moreover, you can join padding-left: 15px; padding-top: 9px; padding-bottom: 10px; padding-right: 15px into padding: 9px 15px 10px 15px

answered Sep 2, 2012 at 20:56

Oriol

291k71 gold badges459 silver badges535 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Daniel Over a year ago

You genius, Thank you! Problem Solved.

Sacha Nacar · Accepted Answer · 2012-09-02 20:59:19Z

0

You placed your meta div within your msg div. You might get an easier time separating them and having the meta as part of the post div instead, then set up their respective width

answered Sep 2, 2012 at 20:59

Sacha Nacar

2,29820 silver badges14 bronze badges

Collectives™ on Stack Overflow

CSS: Not fixed text div Width

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related