以下のように親要素の中にpタグがあります。
文字は左寄せになっています。
pタグのdisplayはblockのため横幅は、親要素の横幅に合わせられていますので親要素が隠れています。
<div><p>hello world.</p></div>div{background:gray;width:400px;}p{background:skyblue;}まず、pタグの横幅を文字数に合わせます。
displayをinline-blockとし、marginが発生するのでmarginを0にします。
div{background:gray;width:400px;}p{background:skyblue;display:inline-block;margin:0;}
pタグを右寄せにするのでpタグを float: right にします。
そのときにdivタグ float: left にします。
div{background:gray;width:400px;float:left;}p{background:skyblue;display:inline-block;margin:0;float:right;}
