1

Представляю вам краткую шпаргалку, как красиво оформить свою статью и выровнять картинки по центру, левому и правому краях.

В дальнейшем вы можете использовать предоставленных ниже код только заменив мою картинку на вашу, что придаст вашим статья легкость прочтения и восприятия материала.

# Выравнивание картинки по левому краю

Используйте этот код, чтобы выровнять картинку по левому краю.

<pre><code>
<div class="pull-left"><img src="http://imgdepo.com/id/10546719.jpg" /></div>
Ваш тест рядом с картинкой. Объем текста вокруг картинки зависит от ее размера.
</code></pre>
<div class="pull-left"><img src="http://imgdepo.com/id/10546719.jpg" /></div>

К примеру, этот текст взят из официального [Wiki Голоса](https://wiki.golos.io/1-introduction/ya_zdes_vpervie.html#что-такое-голос)
<blockquote>Говоря простыми словами, Голос - это социальная платформа. То есть место для общения пользователей. В Голосе Вы можете опубликовать свою статью о том, что Вы любите, можете поделиться своими фотографиями, а можете просто вести свой блог.

Другими словами, Голос чем-то похож на смесь обычной социальной сети наподобие Фейсбука и более комплексной платформы для блогеров, наподобие Живого Журнала.

В Голосе нет приоритета для тех или иных материалов, но чем лучше материал (далее - контент), который Вы публикуете тем больше шансов у Вас заработать... да-да, именно заработать!
</blockquote>

# Выравнивание картинки по центру

Используйте этот код, чтобы выровнять картинку по центру.

<pre><code>
<center><img src="http://imgdepo.com/id/10546719.jpg" /></center>
Ваш текст под картинкой.
</code></pre>

<center><img src="http://imgdepo.com/id/10546719.jpg" /></center>
К примеру, этот текст взят из официального [Wiki Голоса](https://wiki.golos.io/1-introduction/ya_zdes_vpervie.html#что-такое-голос)
<blockquote>В чем же отличие от других площадок? Первое отличие - это то, что, размещая свой контент на Голосе, Вы будете получать за него вознаграждение в виде... денег!</blockquote>

# Выравнивание картинки по правому краю

Используйте этот код, чтобы выровнять картинку по правому краю.

<pre><code>
<div class="pull-right"><img src="http://imgdepo.com/id/10546719.jpg" /></div>
Ваш тест рядом с картинкой. Объем текста вокруг картинки зависит от ее размера.
</code></pre>

<div class="pull-right"><img src="http://imgdepo.com/id/10546719.jpg" /></div>

К примеру, этот текст взят из официального [Wiki Голоса](https://wiki.golos.io/1-introduction/ya_zdes_vpervie.html#что-такое-голос)
<blockquote>Это легально?

Совершено! Так как процесс децентрализации площадки относится только к её управлению, а не к тому, что происходит в реальном мире, то право выбора управления остается за её владельцами (в случае децентрализации - всеми её пользователями, так как каждый является владельцем).

Если Вам интересно почитать еще о философии децентрализации советую вот эту статью
</blockquote>

# Если вам важно указать источник картинки

Используйте этот код, чтобы указать источник картинки

<pre><code>
<div class="pull-right"><center><img src="http://imgdepo.com/id/10546719.jpg" /><br/><em><a href="http://imgdepo.com/id/10546719.jpg">Интернет:</a></em></center></div>
</code></pre>

 <div class="pull-center"><center><img src="http://imgdepo.com/id/10546719.jpg" /><br/><em><a href="http://imgdepo.com/id/10546719.jpg">Интернет</a></em></center></div>

Надеюсь, эта статья оказалась полезной для вас. Спасибо за внимание!