How can I adjust DIV width to contents

Question

I have a div element with style attached:

.mypost {
    border: 1px solid Peru;
    font-family: arial;
    margin: auto;
    min-width: 700px;
    width: 700px;         


        

Answer 1

Try width: max-content to adjust the width of the div by it's content.

This div element has width 500px;


Width by content size