Text positioning


we know how to position the text in the center,left or right. But what if i want to place it ...somewhere other than those three. like between left and write. how to do that ?

Replace this line with your code.


between left and write? between left and what?

there are more possible values for text-algin, see here, you can wrap the text in a divider/paragraph/span, and position this, there is so much you can do


that was meant to be "between left and center"
like "FACEBOOK" in this picture.


that is done with <div></div>, you simply make a nested div:

<div id="outer">
  <div id ="left"></div>
  <div id="right"></div>


#outer {
  max-width: 1000px;
  margin: 0 auto;
#left {
  float: left;

something like that. You can also view the facebook source code


It was you learn this section of the web course, beginning of positioning. Which allows you do things like the facebook logo


what ?
didNt gET you there ?


let me make a proper example, see here, see how i use dividers (<div></div>) to position the text like facebook?

It is not done with text position, it is done with block level elements positioning the text


<meta charset="utf-8">
  <meta name="viewport" content="width=device-width">

what does this do ?


MDN - charset

device-width prevents devices (particular mobile device, my ipod for example does this) to zoom out a lot, instead the page will be displayed on normal zoom/size.

This is nice if you want to build a responsive design.


This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.