Text positioning


#1


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.


#2

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


#3

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


#4

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

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

css

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

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


#5

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


#6

what ?
didNt gET you there ?


#7

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


#8

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

what does this do ?


#9

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.


#10

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