Частичное скрытие внутренней панели с использованием HTML CSS

Question

Моя разметка выглядит так:

<div class='container' style='margin:10em'>
<div class='content'><p>some content here !</p></div>
</div>

Теперь я хочу частично скрыть «.content», то есть представить, что он смещен на половину левой стороны, а другая половина должна быть видимой, а не левой.

Answer 1

Попробуйте это:

.container { overflow:hidden; }
.content { margin-left:-50px; } /* or any amount you want*/

Edit: поле должно быть -50px, чтобы скрыть левую сторону.