Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
Write the HTML to create one section element that includes two paragraph elements. Add a little content inside each paragraph. Write the CSS needed to give the section element: a background colour; make its height include the height of its children. Write the CSS needed to make the paragraphs (DON'T include more CSS than you need to): float side-by-side; have a border that is 2px wide and coloured; have a calculated width that is 50% of the the width of their parent element and still sit side-by-side. Your final layout should look like the image below:

Write the HTML to create one section element that includes two paragraph elements. Add a little content inside each paragraph. Write the CSS needed to give the section element: a background colour; make its height include the height of its children. Write the CSS needed to make the paragraphs (DON'T include more CSS than you need to): float side-by-side; have a border that is 2px wide and coloured; have a calculated width that is 50% of the the width of their parent element and still sit side-by-side. Your final layout should look like the image below:

Database System Concepts
Database System Concepts
7th Edition
ISBN:9780078022159
Author:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Chapter1: Introduction
Section: Chapter Questions
Problem 1PE
See similar textbooks
icon
Related questions
Question


Write the HTML to create one section element that includes two paragraph elements. Add a little content inside each paragraph.

Write the CSS needed to give the section element:

  • a background colour;
  • make its height include the height of its children.

Write the CSS needed to make the paragraphs (DON'T include more CSS than you need to):

  • float side-by-side;
  • have a border that is 2px wide and coloured;
  • have a calculated width that is 50% of the the width of their parent element and still sit side-by-side.

Your final layout should look like the image below:

 

Left Right
Transcribed Image Text:Left Right
Expert Solution
steps

Step by step

Solved in 4 steps with 1 images

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Image Element
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
Recommended textbooks for you
Database System Concepts
Database System Concepts
Computer Science
ISBN:
9780078022159
Author:
Abraham Silberschatz Professor, Henry F. Korth, S. Sudarshan
Publisher:
McGraw-Hill Education
Starting Out with Python (4th Edition)
Starting Out with Python (4th Edition)
Computer Science
ISBN:
9780134444321
Author:
Tony Gaddis
Publisher:
PEARSON
Digital Fundamentals (11th Edition)
Digital Fundamentals (11th Edition)
Computer Science
ISBN:
9780132737968
Author:
Thomas L. Floyd
Publisher:
PEARSON
C How to Program (8th Edition)
C How to Program (8th Edition)
Computer Science
ISBN:
9780133976892
Author:
Paul J. Deitel, Harvey Deitel
Publisher:
PEARSON
Database Systems: Design, Implementation, & Manag…
Database Systems: Design, Implementation, & Manag…
Computer Science
ISBN:
9781337627900
Author:
Carlos Coronel, Steven Morris
Publisher:
Cengage Learning
Programmable Logic Controllers
Programmable Logic Controllers
Computer Science
ISBN:
9780073373843
Author:
Frank D. Petruzella
Publisher:
McGraw-Hill Education
SEE MORE TEXTBOOKS