Adding two titles to the same line on HTML

CS Discoveries Website and Tools How-To
1

I have students who want to add two titles to the same line on their web page. What tags can they use to accomplish that?
They want it to look something like this:

                 Link one                                        Link two

Thanks for your help.
(There are various things on W3 school but they didn’t work for us). =)

2

@asuarez,

If you want to share the link to one of your attempts, we could look at it … It does go beyond the scope of what students learn in CS Discoveries, but it can be done.

I’m sharing a link to a project starter I made. All the “magic” is in the style.css document where the various parts of the links are styled.

There are also more than one way to do this. Mine may not be the easiest…

https://codeprojects.org/dAF6eVadyCAW7PpSEaz0jOrXrIxEqVHGwC5OJS07UAQ

To see the code, look for the “View Code” link at the bottom of the page.

Hope this helps a little…

Mike

1 Like
3

@asuarez
I have to agree with Mike. This is outside of the scope of the unit content, but many of my students like using w3schools.org to find new things to add to their projects. My students often choose to use tables to create what you’re talking about. It really gets them thinking about nested tags.

4

Thank you for your help!

5

It helps a lot! Thank you!
I know it may be out of the scope of these lessons but I like letting the students explore and add what they want to try!
Thanks!

6

I do the same, so I completely understand your wanting to know how to do it. My kids get frustrated if it doesn’t look just right!

Mike