Are you surrounding a cluster of div tags?

I'm really struggling to understand what this particular step in my textbook is asking for. Here's the exact wording:

"Beneath the h2 heading, insert a new line containing a div element with the class value table at the same indent level as the previous line. Add a closing tag for the div element below the last line of store hours information. Enclose each line of code containing store hours information in a div element with the class value "row", then delete the opening and closing p tags from each line. For each line, enclose the abbreviation of the day of the week within a div element, delete the colon (:) that follows it, move the remainder of the line onto a new line, then enclose the content of the new line in a div element."

I've removed the p tags and started adding the div tags, but I quickly got confused about where they should go. Can someone please help me figure out where each of the div tags should be placed? The assignment is due tonight, and I know my professor won't respond before the end of the day because that's just how college professors are.

/* 
   Spotted Wren Garden Center style sheet 
   Filename: styles.css

   Author:   Justus Self
   Date:     3/21/17
   HTML5 and CSS3 Illustrated Unit H, Independent Challenge 1
 */

/* reset styles */...

Answer №1

  1. Starting with this first line, let's carefully follow each step:

<div class="row">Tue: 8am &mdash; 8pm</div>

  1. Take the abbreviation of the day of the week in each line and place it within its own div element [...]

<div class="row"><div>Tue</div>: 8am &mdash; 8pm</div>

  1. [...] Remove the colon (:) that comes after the abbreviation [...]

<div class="row"><div>Tue</div> 8am &mdash; 8pm</div>

  1. [...] Transfer the rest of the content onto a new line [...]


    <div class="row"><div>Tue</div> 
    8am &mdash; 8pm</div>

  1. [...] Lastly, put the content of the new line inside another div element [...]


    <div class="row"><div>Tue</div> 
    <div>8am &mdash; 8pm</div></div>

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Unique option preservation on customized HTML select menus - Maintain original selection

Currently, I am attempting to replicate a custom HTML select based on the example provided by W3 Schools. You can view the demo through this link: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_custom_select The issue I am encountering is that ...

How to find the position of the cursor on an ASP.NET page

While debugging my code, I successfully changed the cursor position with a timer. However, when I published and hosted it, the code stopped working. I implemented the following code and imported Windows.Forms for this child lock application. The purpose i ...

Filtering data from Arduino using web serial communication

My setup consists of an Arduino kit connected to a webserial API that sends data to an HTML div identified by the id 'target'. Currently, all the data is being logged into one stream despite having multiple dials and switches on the Arduino. Th ...

Is there a method to uncover the code that controls the display of a <div> element?

As a fresh face at the company, I've been given the responsibility of developing a chart that is similar to one already present on their website. While I have the knowledge and skills to create it, I am struggling to locate the specific code where the ...

Display the output of an array in JavaScript within the same document

I am struggling to print the contents of a JavaScript array data: [ JSON.parse(genreCanvas.dataset.count).forEach(count => { `${count},\n`; }) ], to achieve the following result: data: [ 1, ...

Aligning a set of list items horizontally within an unordered list is a great way to maintain a clean

I'm struggling with centering the alignment of li elements within a ul. Below is the excerpt from my code: ul.nav { width: 1000px; margin: 0 auto; list-style-type: none; } .nav li { float: left; width: 300px; } #government { clear: left ...

What is the best way to insert a chart into a div using *ngIf in Angular?

I just started using chart.js and successfully created the desired chart. However, when attempting to implement two tab buttons - one for displaying tables and the other for showing the chart - using *ngIf command, I encountered an error: Chart.js:9369 F ...

Develop a fresh AngularJS directive that utilizes the HTML5 audio element

Recently delved into Angular and managed to create audio buttons using an Angular directive: app.directive('soundButton', [function () { return { restrict: 'E', link: function (scope, element, attrs) { v ...

Turn off the ability to cache an HTML file without using PHP

I am currently faced with the challenge of managing a rather outdated, small website stored on a web space that does not support PHP. To overcome this limitation, I have decided to use iframes to avoid having to manually implement the basic structure and m ...

Coordinating several navigation tabs and navigation bars in Bootstrap 4 to work together seamlessly

I am in the process of developing a tool that will assist my colleagues in reviewing and comparing information. I aim to present this information consistently for each order, with multiple groups of information per order accessible through nav-tabs. I woul ...

Tips for converting an entire column along the vertical axis to a different language

Looking for a solution with my grid view where I want to translate the items of the second column on the y axis, as shown in the image. I attempted to use the translateY() function, but it resulted in the need to scroll in order to see the translated items ...

Having trouble with jQuery in Blogger?

I'm having trouble installing a Facebook slider tab on a friend's blog and I can't seem to get it to work. Here's the link to her blog: And here's the tutorial I'm following: jQuery is already installed on the blog (you can ...

What could be the reason for having two HTML nodes within a one-node HTML document?

My goal is to use DOMdocument to retrieve a list of HTML nodes in order to create a visually appealing CSS3 tree visualization on a web page. However, I've encountered an issue with the code snippet below: // Compressed, testing HTML $text = '&l ...

Make sure to load the <img> html tag before implementing js masonry for optimal

I am facing an issue with jQuery Masonry as it arranges my 'bricks' immediately without waiting for images to load in. Additionally, I need the images to be responsive so I cannot define their height and width like this: <img src="asas" heigh ...

Error: Unable to access document property as it is null and cannot be read

Trying to launch a new window from another new window triggers the error above. This is my SystemModal.js const SystemModal = (props) => { console.log(props) const [visible, setVisible] = useState(false); return ( <Row> ...

Is there a way to specifically style the element I am hovering over with Tailwind Typography and prose?

Currently, I am customizing my markdown pages with Tailwind typography and prose. I am facing an issue where the hover effect is being applied to all images at once instead of just the one being hovered over. Any ideas on how to fix this? Here is a snippe ...

Tips for effectively utilizing tabs to showcase information for a particular user rather than solely the initial one

I am fetching multiple user data from an API call, and all users are rendered using the same HTML and CSS. However, when I switch between tabs for each user, only the first user's information changes instead of the specific user I clicked on. I have a ...

The perplexity of CSS Menus

I have this HTML code, but I'm not sure how to write the CSS so that the drop-down menu appears when I hover over the main li. <li><a href="#">#</a> <ul class="sub_menu"> <li><a hre ...

Is it possible for me to create a hyperlink that directs to a javascript function?

Here is the code I am currently using: <input class="button" type="button" value="Mark" onClick="doCheck('mark');" \> However, I would like to replace the button with a hyperlink using the <a> tag. Is it possible to achieve ...

Incorporate PHP conditional statements into HTML code

I am struggling with incorporating an "if else" statement into my php script. Specifically, I want the new_license_issued_date field to be null if it is currently pulling through as 01/01/1970. Can someone please provide guidance on this matter? Thank yo ...