Title: Как выровнять статью по обом краям.
Last modified: 18.02.2013

---

# Как выровнять статью по обом краям.

 *  [kardann](https://ru.wordpress.org/support/users/kardann/)
 * (@kardann)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/)
 * Знаю что нужно искать в css **text-align** и ставить **justify**
 * но указателя **left** нет….
    Подскажите Вот мой css:
 *     ```
       /*
       Theme Name: Light Clean Blue
       Theme URI: http://handla-online.org/light-clean-blue
       Author URI: http://handla-online.org/
       Description: Light, stylish, simple and readable with modern menu. SEO-friendly theme structure.
       Author: handla-online.org
       Version: 1.5
       Tags: blue, white, two-columns, fixed-width, editor-style
       License: GNU General Public License v2.0
       License URI: http://www.gnu.org/licenses/gpl-2.0.html
       */
   
       /* CSS Document */
       * { margin:0; padding:0;}
       body {
       	background:#fff url(images/main-bg.gif) repeat-x 0 0;
       	color:#575757;
       	font:12px/18px Arial, Helvetica, sans-serif;
       	padding-top:7px;
       }
       img { border:0; clear:both;}
       ul { list-style:none;}
       a, a:focus { text-decoration:none; outline:none;}
       input, select, textarea {
       	font:11px/14px Arial, Helvetica, sans-serif;
       	outline:none;
       }
   
       /* Start: Main Container */
       .wrapperBg {
       	background:url(images/main-bg-bottom.gif) repeat-x 0 100%;
       }
       .mainCont {
       	margin:0 auto;
       	width:960px;
       	background:url(images/body-content-bg.png) repeat-y 1px 0;
       	padding: 0;
       }
       /* End: Main Container */
   
       /* Start: Header */
       .header {
       	height:93px;
       	/*background:url(images/header-bg.gif) no-repeat 50% 100%;*/
       	position:relative;
       	padding-left:28px;
       }
       	.header h1 {
       		font:40px/44px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
       		color:#11487D;
       		padding-top:22px;
       	}
       	.header h1 a {
       		color:#11487D;
       	}
       	.header h2 {
       		color:#0F74D9;
       		font:12px/16px Georgia, "Times New Roman", Times, serif;
       	}
       	/* Search Form */
       	.header .searchForm {
       		position:absolute;
       		right:30px;
       		top:26px;
       		width:327px;
       		padding:15px;
       	}
       	.header .searchForm input.field {
       		width:300px;
       	}
       /* End: Header */
   
       /* Start: Header Menu */
       	.headerMenu {
       		width:940px;
       		margin:0 auto;
       		background-color:#fff;
       		position:relative;
       	}
       		.headerMenu span {
       			display:block;
       			width:10px;
       			height:46px;
       			background:url(images/topmenu-corner.png) no-repeat 0 0;
       			position:absolute;
       			left:-10px;
       			top:4px;
       		}
       		.headerMenu span.rightBg {
       			background-position:0 100%;
       			left:auto;
       			right:-10px;
       		}
       		.headerMenu ul {
       			height:40px;
       			line-height:36px;
       			font-size:14px;
       			background:url(images/topmenu-bg.gif) repeat-x 0 0;
       			position:relative;
       			top:4px;
       		}
       		.headerMenu ul li {
       			float:left;
       			padding-right:1px;
       			position:relative;
       		}
       		.headerMenu ul li a {
       			display:block;
       			padding:0 10px;
       			height:36px;
       			color:#fff;
       			background:url(images/topmenu-bg-hover.gif) repeat-x 0 -100px;
       		}
       		.headerMenu ul li a:hover,
       		.headerMenu ul li.current_page_item a,
       		.headerMenu ul li.activeParent a {
       			background-position:0 0;
       		}
       		.headerMenu ul li.home a {
       			width:50px;
       			padding:0;
       		}
       		.headerMenu ul li.home a strong {
       			background:url(images/home-icon.gif) no-repeat 50% 50%;
       			cursor:pointer;
       			height:36px;
       			display:block;
       			text-indent:-20000px;
       		}
   
       			/* Drop Down Menu */
       			.headerMenu ul ul {
       				position:absolute;
       				width:200px;
       				left:0;
       				top:36px;
       				background:#0E5DAA;
       				height:auto;
       				font-size:13px;
       				line-height:18px;
       				display:none;
       			}
       				.headerMenu ul ul li {
       					float:none;
       					padding:0 0 1px;
       				}
       				.headerMenu ul ul li a {
       					background:none;
       					height:auto;
       					padding-top:4px;
       					padding-bottom:4px;
       					height:100%;
       				}
       				.headerMenu ul ul li a:hover {
       					background:#1069C0;
       				}
   
                       .headerMenu ul ul ul {
       	            left:100%;
       	            top:0;
                       }
       /* End: Header Menu */
   
       /* Start: Body Content */
       .bodyContent {
       	padding:0 20px 20px 26px;
       	overflow:hidden;
       	height:100%;
       }
       	.bodyContent h2,
       	.bodyContent h3 {
       		font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
       		font-weight:normal;
       	}
       	.bodyContent h2.pageTitle {
       		font-size:30px;
       		line-height:34px;
       		padding-bottom:15px;
       		text-transform:none;
       	}
       	/* Start: Left Panel */
       	.leftPanel {
       		width:624px;
       		float:left;
       		padding:10px 0 0 0;
       		margin: 0;
       	}
       		.leftPanel a {
       			color:#575757;
       			text-decoration:underline;
       		}
       		.leftPanel a:hover { text-decoration:none;}
       		/* Post */
       		.post, .type-page {
       			margin: 0;
       			padding: 0 0 34px 0;
       		}
       			.post h2, .type-page h2 {
       				color:#0E5DAA;
       				font-size:24px;
       				font-weight:normal;
       				line-height:28px;
       				padding-bottom:5px;
       			}
       			.post h2 a, .type-page h2 a {color:#0E5DAA; text-decoration:none;}
       			.post h2 a:hover, .type-page h2 a:hover { text-decoration:underline;}
       			.post p.postmeta, .type-page p.postmeta {
       				padding-bottom:18px;
       			}
       				.entryContent {
       					overflow:hidden;
       					height:100%;
       				}
       				/* headings */
       				.entryContent h1,
       				.entryContent h2 {
       					font-family:Arial, Helvetica, sans-serif;
       				}
       				.entryContent h1 {
       					text-transform:none;
       					font-size:24px;
       					line-height:28px;
       					font-weight:normal;
       					padding-bottom:12px;
       					clear:both;
       				}
       				.entryContent h2 {
       					color:#575757;
       					text-transform:none;
       					font-size:21px;
       					line-height:25px;
       					padding-bottom:12px;
       					clear:both;
       				}
       				.entryContent h3 {
       					font:19px/22px Arial, Helvetica, sans-serif;
       					padding-bottom:12px;
       					text-transform:none;
       					clear:both;
       				}
       				.entryContent h4 {
       					font-size:16px;
       					line-height:18px;
       					font-weight:bold;
       					padding-bottom:12px;
       					clear:both;
       				}
       				.entryContent h5 {
       					font-size:14px;
       					font-weight:bold;
       					padding-bottom:10px;
       					clear:both;
       				}
       				.entryContent h6 {
       					font-size:12px;
       					font-weight:bold;
       					padding-bottom:10px;
       					clear:both;
       				}
   
       				/* Paragraph text */
       				.entryContent p {
       					padding-bottom:18px;
       				}
   
       				/* Blockquote */
       				.entryContent blockquote {
       					padding:10px 20px;
       					font-style:italic;
       					font-size:14px;
       					font-weight:bold;
       				}
   
       				/* Unordered List */
       				.entryContent ul {
       					list-style:disc;
       					padding:0 0 20px 20px;
       				}
       					.entryContent ul li {
       						padding-bottom:3px;
       					}
   
       				/* Ordered List */
       				.entryContent ol {
       					list-style:decimal inside;
       					padding:0 0 20px 5px;
       				}
   
       				/* Defination List */
       				.entryContent dl {
       					padding:10px;
       				}
       				.entryContent dl dt {
       					font-weight:bold;
       					padding-bottom:3px;
       				}
       				.entryContent dl dd {
       					padding:0 0 5px 10px;
       				}
   
       				/* Tabular data */
       				.entryContent table {
       					border:#DCDCDC 1px solid;
       					border-collapse:collapse;
       					margin-bottom:20px;
       				}
       					.entryContent table td {
       						border:#DCDCDC 1px solid;
       						padding:3px 8px;
       					}
   
       				/* Code Display Style */
       				.entryContent pre {
       					padding-bottom:20px;
       				}
   
       				/* Image testing */
       				.alignright {
       					float:right;
       					margin:0 0 10px 10px;
       				}
       				.alignleft {
       					float:left;
       					margin:0 10px 10px 0;
       				}
       				.aligncenter {
       				    clear: both;
       	                display: block;
       					margin:0 auto 10px;
       				}
       				.alignnone {
       					margin-bottom:10px;
       					margin-right: 5px;
       				}
       				.size-thumbnail {
       					margin-right:8px;
       					display:inline;
       				}
   
       	/* End: Left Panel */
       	/* Start: Right panel */
       	.rightPan {
       		width:251px;
       		float:right;
       		margin: 0;
       		padding: 0;
       	}
       		.rightPan .inner {
       			padding:10px 20px 0 18px;
       			background:url(images/right-panel-bg.gif) repeat-y 0 0;
       		}
       		.rightPan span.topBg,
       		.rightPan span.bottomBg {
       			display:block;
       			background:url(images/right-panel-bg-top.gif) no-repeat 0 0;
       			height:9px;
       			font-size:0;
       			line-height:0;
       		}
       		.rightPan span.bottomBg {
       			background-image:url(images/right-panel-bg-bottom.gif);
       		}
       		.rightPan h3 {
       			font-size:18px;
       			line-height:22px;
       			color:#000;
       		}
       		.rightPan a { color:#0E5DAA;}
       		.rightPan a:hover { color:#3B3B3B;}
   
       		/* Start: Widget Style */
       		.widgetBlock {
       			padding-bottom:18px;
       		}
       		.widgetBlock ul {
       			line-height:16px;
       		}
       		.widgetBlock ul li {
       			padding:7px 0 7px 17px;
       			background:url(images/bullet-right.gif) no-repeat 3px 13px;
       			border-bottom:#EFEFEF 1px solid;
       		}
       		/* End: Widget Style */
   
       		/* Start: Search Form Style */
       		.searchForm {
       			background:#F1F1F1;
       			padding:14px 11px 14px 14px;
       			overflow:hidden;
       		}
       			.searchForm p {
       				border-top:#909090 1px solid;
       			}
       			.searchForm input { float:left;}
       			.searchForm input.field {
       				border-color:#909090;
       				border-style:solid;
       				border-width:0 0 0 1px;
       				padding:3px 3px;
       				height:15px;
       				width:160px;
       				color:#575757;
       				background-color:#fff;
       			}
       			.leftPanel .searchForm { padding-right:0;}
       			.leftPanel .searchForm input.field {
       				width:560px;
       				height:20px;
       				font-size:18px;
       				line-height:20px;
       				padding:6px 8px 8px;
       			}
       			.leftPanel .searchForm p {
       				background-color:#fff;
       				overflow:hidden;
       				width:98%;
       			}
       			.leftPanel .searchForm p input.btn {
       				float:right;
       				margin-top:5px;
       			}
       		/* End: Search Form Style */
   
       	/* End: Right panel */
   
       /* End: Body Content */
   
       /* Start: Footer */
       .footer {
       	background:#0B4B99 url(images/footer-bg.gif) repeat-x 0 0;
       }
       	.footer .inner {
       		width:914px;
       		margin:0 auto;
       		background:url(images/footer-inner-bg.gif) repeat-x 0 0;
       		padding:36px 10px 50px 16px;
       		overflow:hidden;
       		height:100%;
       	}
       	.footer p.logo {
       		font:40px/42px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
       		color:#165DB1;
       		text-transform:uppercase;
       		float:left;
       	}
       		.footer .right {
       			width:470px;
       			float:right;
       			text-align:right;
       			font-size:11px;
       			line-height:16px;
       			color: #A8C7EC;
       		}
       		.footer ul {
       			padding-bottom:6px;
       		}
       		.footer ul li {
       			display:inline;
       			padding:0 10px 0 14px;
       			background:url(images/footer-devider.gif) no-repeat 0 50%;
       		}
       		.footer ul li.left {
       			padding-left:0;
       			background:none;
       		}
       		.footer ul li a {
       			color:#A8C7EC;
       		}
       		.footer ul li a:hover,
       		.footer ul li.current_page_item a {
       			color:#FFF;
       		}
       		.footer .right p { color:#5483BA;}
       		.footer .textwidget { color:#5483BA;}
       /* End: Footer */
   
       /* Comment Form */
       #commentform p {
       	padding-bottom:12px;
       }
       #commentform input.field {
       	float:left;
       	margin-right:10px;
       	width:200px;
       	height:14px;
       	padding:2px 3px;
       }
       #commentform label {
       	display:block;
       	font-size:11px;
       	line-height:20px;
       }
       #commentform textarea {
       	width:500px;
       	height:120px;
       	margin-bottom:10px;
       	padding:3px 5px;
       }
       #commentform input.btn {
       	width:120px;
       	height:25px;
       	cursor:pointer;
       	font-size:12px;
       }
       h3#respond,
       h3#comments {
       	font-size:20px;
       	padding-bottom:10px;
       }
   
       /* Comment Closed */
       p.nocomments {
       	font-weight:bold;
       	font-style:italic;
       }
   
       /* Comment List */
       .commentlist li {
       	margin-bottom:10px;
       	padding:10px;
       	background-color:#e1e1e1;
       	overflow:hidden;
       }
       .commentlist li.alt {
       	background-color:#F2F2F2;
       }
       	.commentlist li img.photo {
       		float:left;
       		margin:0 10px 5px 0;
       		border:#ccc 1px solid;
       		padding:2px;
       	}
       	.commentlist li p img {
       		display:inline;
       	}
       	.commentlist li p {
       		padding-bottom:8px;
       	}
       	.commentlist li p.commentmetadata {
       		font-size:11px;
       		padding-bottom:5px;
       	}
   
       .footer .credits {font-size: 10px; margin-top: 35px;}
       .footer .credits a {color: #A8C7EC;}
   
       /*Custom style*/
       s {color: #000;}
       .sticky {background-color: #f9f9f9; padding: 10px; margin-bottom: 10px;}
       .wp-caption {
       	background: #f1f1f1;
       	line-height: 18px;
       	text-align: center;
       	margin-bottom: 20px;
       	padding: 4px;
       }
       .wp-caption img {
       	margin: 5px 5px 0;
       }
       .wp-caption p.wp-caption-text {
       	margin: 5px;
       	color: #888;
       	font-size: 12px;
       }
       .bypostauthor {}
       .clear {clear: both;}
       img {margin: 0; max-width: 600px; height: auto;}
       .gallery-caption {
       	color: #888;
       	font-size: 12px;
       	margin: 0 0 12px;
       }
   
       #gallery-1 dl {
          padding:0;
       }
   
       #gallery-1 dl dt {
          font-weight:bold;
          padding: 0;
       }
   
       #gallery-1 dl dd {
          padding:0 0 5px 10px;
       }
       ```
   

Просмотр 9 ответов — с 1 по 9 (всего 9)

 *  [Дмитрий](https://ru.wordpress.org/support/users/volk0007/)
 * (@volk0007)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96413)
 * > Как выровнять статью по обом краям.
 * Обычно помогает параметр margin: 0px auto
 *  [Дмитрий](https://ru.wordpress.org/support/users/volk0007/)
 * (@volk0007)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96414)
 *     ```
       .leftPanel {
       		width:624px;
       		float:left;
       		padding:10px 0 0 0;
       		margin: 0;
       ```
   
 * Здесь попробуйте поставить этот параметр
 *  Автор [kardann](https://ru.wordpress.org/support/users/kardann/)
 * (@kardann)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96421)
 * Дмитрий, ничего не помогло(((((
 *  [Дмитрий](https://ru.wordpress.org/support/users/volk0007/)
 * (@volk0007)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96435)
 * У вас как я понял сайт на локальном компьютере? Можете хотя бы скриншот прислать?
 *  [Dimas_Odessa](https://ru.wordpress.org/support/users/dimas_odessa/)
 * (@dimas_odessa)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96441)
 * Дай ссылку на сайт, помогу.
 *  Автор [kardann](https://ru.wordpress.org/support/users/kardann/)
 * (@kardann)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96444)
 * [http://ichroom.ru/](http://ichroom.ru/)
 * скрин [http://s2.hostingkartinok.com/uploads/images/2013/02/180422ab62ca3c66e46e93e6feb56a8c.jpg](http://s2.hostingkartinok.com/uploads/images/2013/02/180422ab62ca3c66e46e93e6feb56a8c.jpg)
 *  Автор [kardann](https://ru.wordpress.org/support/users/kardann/)
 * (@kardann)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96446)
 * [http://ichroom.ru/](http://ichroom.ru/)
 * скрин [http://s2.hostingkartinok.com/uploads/images/2013/02/180422ab62ca3c66e46e93e6feb56a8c.jpg](http://s2.hostingkartinok.com/uploads/images/2013/02/180422ab62ca3c66e46e93e6feb56a8c.jpg)
 *  [Дмитрий](https://ru.wordpress.org/support/users/volk0007/)
 * (@volk0007)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96449)
 * Я вас просто не правильно понял. Если вы хотите выровнять статью по ширине
    поставьте
   параметр text-align:justify вот сюда:
 *     ```
       .entryContent {
       	overflow:hidden;
       	height:100%;
       ```
   
 *  Автор [kardann](https://ru.wordpress.org/support/users/kardann/)
 * (@kardann)
 * [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96451)
 * Димитрий, спасибо огромное!
    Все! Пошел учить **HTML** и **CSS** на [http://htmlbook.ru/](http://htmlbook.ru/)

Просмотр 9 ответов — с 1 по 9 (всего 9)

 Тема «Как выровнять статью по обом краям.» закрыта для новых ответов.

## Метки

 * [CSS](https://ru.wordpress.org/support/topic-tag/css/)

 * Форум: [Проблемы и решения](https://ru.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 9 ответов
 * 3 участника
 * Последний ответ: [kardann](https://ru.wordpress.org/support/users/kardann/)
 * Последняя активность: [13 лет, 7 месяцев назад](https://ru.wordpress.org/support/topic/%d0%9a%d0%b0%d0%ba-%d0%b2%d1%8b%d1%80%d0%be%d0%b2%d0%bd%d1%8f%d1%82%d1%8c-%d1%81%d1%82%d0%b0%d1%82%d1%8c%d1%8e-%d0%bf%d0%be-%d0%be%d0%b1%d0%be%d0%bc-%d0%ba%d1%80%d0%b0%d1%8f%d0%bc/#post-96451)
 * Статус: нерешённая

## Темы

### Самые популярные темы

### Темы без ответов

### Без вопроса

### Решённые

### Нерешённые

### Все темы