Centering a div block without the width 100%

by devangkantharia

HTML

<div class="center">
    <p contenteditable="true">write text</p>
</div>

CSS

.center{display:inline-block;background:red}
body{text-align:center}