Оформить блок текста красиво

[lagrand]

Как оформить блок как на рисунке. Что и как прописать в стилях.

[Stealth421]

border-left: 6px solid #687888;
background: #ededed;

[lagrand]

3 часа назад, Stealth421 сказал:

border-left: 6px solid #687888;
background: #ededed;

сделал так

.block-zametka {
    margin: 30px;
    padding: 10px;
    border-left: 6px solid #687888;
    background: #ededed;
}

 

на компе нормально отображается, а вот на телефоне, отступа нет от текста. что надо дописать?

[Agatha65]

В бутстрап ето делаем так:

https://getbootstrap.com/docs/3.3/css/#blockquote-options

<blockquote>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
  <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
</blockquote>