如何正确对齐3个文本块

时间:2015-09-02 13:07:19

标签: html css header

我想知道如何在同一行上获得3列文字,其中3个标题如。

我已经尝试过将div添加到类中虽然我可能犯了错误,但是使用文本对齐选项似乎并没有起作用。

This website has the 3 columns of text with 3 headers and is the desired layout i want but i am having trouble with the code.

感谢所有帮助人员

2 个答案:

答案 0 :(得分:1)

这是HTML:

uchar fast_mod255( uchar4 a ) {
  return (dot(a) % 255); // or   return (distance(a) % 255);
}

这是CSS:

  <div id="first">
    this is first div with first text
  </div>

  <div id="second">
    this is second div with second text
  </div>

  <div id="third">
    this is third div with third text
  </div>

这就是我从你的问题中得到的一切!您可以根据您的要求修改此代码

答案 1 :(得分:1)

Div是一个块元素,因此文本也不会影响它。 例如,HTML:

<div class="wrapper">
  <div class="test">
    <p>Some text</p>    
  </div>
  <div class="test">
    <p>Some text</p>    
  </div>
  <div class="test">
    <p>Some text</p>    
  </div>
</div>

CSS:

.wrapper { width: 800px; }
.wrapper .test { width: 200px; display: inline-block; margin: 0 20px; }
.wrapper .test p { text-align: justify; }