Newbie needs help with HTML

[reon-iwnl]

I have problems trying to get the text "Teachers" to the next line.

[Techicolors]

use <br>

[Enumer8]

18 hours ago, Technicolors said:

use <br>

 

7 hours ago, itamaradam said:

try putting "teachers" in a div/use <br>

While both of these will Technically do what you want they are not the Correct way to do this..

To quote W3C standards

Quote

br elements must be used only for line breaks that are actually part of the content, as in poems or addresses.

You should try to achieve what you want with CSS.

For example you could assign a class to the image 

<img src="flc.jpg"  alt='LOGO'  id="MainLogo"/>

The within your head add a style tag

<style>
  .MainLogo{
  	width:600px;
    	height:400px;
    	display:block;
  }
</style>

You could add the display to your style tag as you have but best practice is to separate the CSS from your HTML.

 

OK.. so an explanation for this..

 

Each element in your html has a property called "Display", for simplicity we will just consider the two values that matter here.. If you were to add borders to your code you would see how the elements appear on your page, something like this (i just used ms paint!)

 

So the <P> tags by default are block elements,and will fill the remaining space in a web page - not allowing content to the right of them.

The <img> tag is inline-block, it will take up the space it requires but will allow blocks to the right of it, which is why "Teachers" is appearing to the left of it.

 

Hope this helps

[Enumer8]

Additionally, I would recommend you put your Teachers in a paragraph <P> or a header tag (<h1><h2><h3>etc).