Inline Elements

Here we discuss html and html5 programming

Inline Elements

Postby admin » Fri Aug 19, 2016 8:46 pm

What is an Inline Element?
"Inline" elements or "block-level" elements are usually HTML (Hypertext Markup Language) elements accompanied sometimes with CSS elements. An inline element occupies only the space bounded by the tags that define the inline element. The following example demonstrates the inline element's influence:

HTML
Code: Select all
<p>This <span>span</span> is an inline element; its background has been colored to display both the beginning and end of the inline element's influence</p>

CSS
Code: Select all
span { background-color: #8ABB55; }

inline-elements.jpg
inline-elements.jpg (17.59 KiB) Viewed 866 times

You can use your browser's Inspect Element feature, or using a tool like This message was hidden, please register or login to see message!, to inspect the code structure of your site, this allows you to locate the element you wish to modify and view the classname(s) you can use to add custom CSS code.

Upon inspection with any web development browser tools (e.g. the Inspect Element (Q) on FireFox) 'inline' elements usually refer to theme variables that are editable in the WordPress Admin panel > Customize module.

For example, this code to change the color of the text content in posts reads with a browser inspector:

Code: Select all
element {        inline
     body
     color: #767676;
     }


And see here in the screenshot, the section inside the admin panel that deals with post content colors.

changing-sydney-body-text-c.png
changing-sydney-body-text-c.png (115.13 KiB) Viewed 908 times
The AVNW Support Team
http://www.AVeryNiceWeb.com

If there is a false accusation made against you, then remove this fake report.

Shopping for a new website? See our design deals.

How much is your website worth? Get a free estimate.

And, if our post has provided you with great information, there are a few ways you can show your appreciation:
  1. Like us on Facebook
  2. Post a review.- Posting a good review about this site could help us provide improved support.

Thank You!
User avatar
admin
Site Admin
 
Posts: 561
Joined: Sun Jan 12, 2014 11:18 pm
Location: New York City

Return to HTML

Who is online

Users browsing this forum: No registered users and 1 guest

cron