HTML and CSS

its not allowed to use div tag

I wanted to write a text on top of the first image with different style and font and position(i will attach the style that I like) and I wanted to link the cyberbullying drop down menu to the place where the texts are found on the page. I didn't like the way my website looks aesthetically can you give the page a different look. I like how this website looks( https://free2luv.org/category/bullying/) I was trying to replicate this page somehow thanks for helping me on my assignment. I have attached both CSS and Html.p.s can you pls comment the code you add soi can understand it.

here is the style of the text I wanted to have on the cartoon image. right on the bottom

Cyberbullying

• HOME
• Cyberbullying
  • What is Cyberbullying
  • Special concerns
  • Laws and Sanctions
  • Frewuency of Cyberbullying

• Cybersecurity
  • What is Cybersecurity
  • How to protect your data
  • what to do during cyber attack

• About us
• Contact

---

What Is Cyberbullying

Cyberbullying is bullying that takes place over digital devices like cell phones, computers, and tablets. Cyberbullying can occur through SMS, Text, and apps, or online in social media, forums, or gaming where people can view, participate in, or share content. Cyberbullying includes sending, posting, or sharing negative, harmful, false, or meaningful content about someone else. It can include sharing personal or private information about someone else causing embarrassment or humiliation. Some cyberbullying crosses the line into unlawful or criminal behavior.

The most common places where cyberbullying occurs are:

• Social Media, such as Facebook, Instagram, Snapchat, and Twitter
• SMS (Short Message Service) also known as Text Message sent through devices
• Instant Message (via devices, email provider services, apps, and social media messaging features)
• Email

Special Concerns

With the prevalence of social media and digital forums, comments, photos, posts, and content shared by individuals can often be viewed by strangers as well as acquaintances. The content an individual shares online both their personal content as well as any negative, mean, or hurtful content creates a kind of permanent public record of their views, activities, and behavior. This public record can be thought of as an online reputation, which may be accessible to schools, employers, colleges, clubs, and others who may be researching an individual now or in the future. Cyberbullying can harm the online reputations of everyone involved not just the person being bullied, but those doing the bullying or participating in it. Cyberbullying has unique concerns in that it can be:

Persistent Digital devices offer an ability to immediately and continuously communicate 24 hours a day, so it can be difficult for children experiencing cyberbullying to find relief.

Permanent Most information communicated electronically is permanent and public, if not reported and removed. A negative online reputation, including for those who bully, can impact college admissions, employment, and other areas of life.

Hard to Notice Because teachers and parents may not overhear or see cyberbullying taking place, it is harder to recognize.

Laws and Sanctions

Although all states have laws requiring schools to respond to bullying, many states do not include cyberbullying under these laws or specify the role schools should play in responding to bullying that takes place outside of school. Schools may take action either as required by law, or with local or school policies that allow them to discipline or take other action. Some states also have provisions to address bullying if it affects school performance. You can learn about the laws and policies in each state, including if they cover cyberbullying.

Frequency of Cyberbullying

The 2015 School Crime Supplement - PDFexit disclaimer icon (National Center for Education Statistics and Bureau of Justice Statistics) indicates that, nationwide, about 21% of students ages 12-18 experienced bullying.

The 2017 Youth Risk Behavior Surveillance System exit disclaimer icon (Centers for Disease Control and Prevention) indicates that an estimated 14.9% of high school students were electronically bullied in the 12 months prior to the survey.

---

Posted by: Team M Tacoma Campus

Back to Top

CSS code

* { margin: 0; padding: 0;

} body { background-image: url(img/bg.jpg); background-size: cover; }

nav{ width: 100%; height: 60px; background-color:#fff;

}

nav p { font-family: arial; color: #222; font-size: 24px; line-height: 55px; float: left; padding: 0px 20px;

}

nav ul { float: right;

}

nav ul li { float: left; list-style: none; position: relative; } nav ul li a { display: block; font-family: arial; color: #222; font-size: 14px; padding: 22px 15px; text-decoration: none;

} nav ul li ul{ display: none; position: absolute; background-color: red; padding: 10px; border-radius: 0px 0px 4px 4px; }

nav ul li:hover ul { display: block; } nav ul li ul li { width: 180px; border-radius: 4px;

}

nav ul li ul li a { padding: 8px 14px; }

nav ul li ul li a:hover { background-color: black; } ul.a { list-style-type: circle; }

.container { position: relative; font-family: Arial; }

.center { margin: auto; width: 60%; padding: 10px; text-align: center; } body { background-image: url("https://i.imgur.com/ZVHgXka.jpg"); background-color: #cccccc; }

Cyberbullying: What You Need To Know I You're Being Cyberbullied Cyberbullying: What You Need To Know I You're Being Cyberbullied