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

Paris · June 13, 2015

Всем привет )

Начинаю разбираться с css. Есть необходимость выровнять содержимое дива .logo_bg_right с теми значениями паддинга, что указаны в коде, а именно 13px 18px. В принципе если поменять значение паддинга слева-справа на 14px получается...

Если оставить 18px и приглядеться видно отступ с правой стороны. Не пойму откуда он взялся(

Самое удивительное, что код абсолютно одинаков)

<!DOCTYPE html><html>    <head>        <title>Project Name</title>        <meta charset="utf-8" />        <link href="main.css" rel="stylesheet" type="text/css" />    </head>    <body>        <div class="header">            <div class="logo_bg_left">                <p class="logo_text_left">                    Текст должен быть слева                </p><!--logo_text_left-->            </div><!--logo_bg_left-->            <div class="logo_bg_right">                <p class="logo_text_right">                    Текст должен быть справа                </p><!--logo_text_right-->            </div><!--logo_bg_right-->        </div><!--header-->    </body></html>

* {    margin: 0;    padding: 0;}body {    background: #E0E0E0;}.header {    height: 100px;    width: 950px;    background: #2A3646;    margin: 15px auto;    border-radius: 3px;}.logo_bg_left {    float: left;    width: 250px;    height: 50px;    background: #083C82;    margin-top: 20px;    margin-left: 4px;    border-radius: 15px;}.logo_text_left {    color: #D4CC86;    font-size: 16px;    font-family: Verdana, sans-serif;    padding: 13px 18px;}.logo_bg_right {    float: right;        width: 250px;    height: 50px;    background: #395E2D;    margin-top: 20px;    margin-right: 4px;    border-radius: 15px;}.logo_text_right {    color: #D4CC86;    font-size: 16px;    font-family: Verdana, sans-serif;    padding: 13px 18px;}

Буду рад любым советам. Спасибо.

http://jsfiddle.net/sx6Lyduh/

Edited June 13, 2015 by Paris

Paris · June 13, 2015

http://jsfiddle.net/sx6Lyduh/

tt48 · June 20, 2015

<p> занимает всю ширину род. блока logo_bg_left, у которого проставлено 250px.

Ставим последнему width: auto и все получается.

Если хочется, чтобы p занимал места по содержимому - думаем в сторону inline-block или float

Paris · June 21, 2015

width: auto помогло! Спасибо

Sign In

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

Question

Paris

Link to comment

Share on other sites

3 answers to this question

Recommended Posts

Paris

Link to comment

Share on other sites

tt48

Link to comment

Share on other sites

Paris

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information