有没有办法在“中左”设置此标题文字?

时间:2015-07-10 13:43:35

标签: html css html5 position

有没有办法将标题文本设置为“中左”而不是中心或左侧。

提前致谢。

--------------- 200像素--------------->

enter image description here

<!DOCTYPE html>
<html>
  <head>
    <title>HTML5, CSS3 and JavaScript demo</title>
  </head>
  <body>

    <div style="background-color:red;width:200px;text-align:center"> <!--"text-align: center-left"-->
      <div style="">
        header
      </div>
    </div>

  </body>
</html>

3 个答案:

答案 0 :(得分:2)

希望这会有所帮助;

&#13;
&#13;
.header{
margin-left:-25%;
  }
&#13;
<!DOCTYPE html>
<html>
  <head>
    <title>HTML5, CSS3 and JavaScript demo</title>
  </head>
  <body>

    <div style="background-color:red;width:200px;text-align:center"> <!--"text-align: center-left"-->
      <div style=""class="header">
        header
      </div>
    </div>

  </body>
</html>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

您是否试图将其置于屏幕左侧的50%处?如果是这样,就是这样:

.left-center {text-align: center; width: 50%;}
<div class="left-center">Left Center</div>

或者,如果它是屏幕的1/4,那么这将起作用:

.left-center {text-align: center; width: 25%;}
<div class="left-center">Left Center</div>

答案 2 :(得分:-1)

首先,或者您将文本居中或放在左侧。别无他法。 如果你想制作边距,请使用div:

<div style="width: 50%; margin: 0 auto; text-align:left">
your text
</div>
例如,50%是尝试它。您还可以使用保证金或填充属性,阅读它。