Please suggest styling some text and general improvements

HTML & CSS
21

I did that in post #18’s attachment. :winky:

coothead

22

Coothead . . . is there some reason why you don’t avail yourself of the abundant scripts on Sitepoint’s forums to post the code inline with your response and give each iteration its own unique name instead of making me rename it for you, hmmm? :grimacing:

Coothead-1 or Coot99 etc.?

23

Something like …

.BUTN-A {
  font-weight: BOLD;
    font-size: 20px;
   font-color: BLACK;
   box-shadow: 0 3px 3px #555;
border-radius: 4px 8px;
   background: #E2F5AF;
      padding: 2px;
        width: AUTO;
       height: 20px;
}

and then …

<DIV>
Ride-Sharing Company <span class="BUTN-A">LYFT</span>, the <span class="BUTN-A">Beer &amp; Liquor Industries</span>&nbsp;and Anheuser-Busch<BR>
</DIV>
24

[quote=“semicolon, post:22, topic:291641”]
is there some reason why you don’t avail yourself of the abundant scripts
on Sitepoint’s forums to post the code inline with your response and give
each iteration its own unique name instead of making me rename it for you.
[/quote]

Yes, I prefer to use attachments, when coding site pages. :winky:

I also post code on the forum when I think that it will be suitable. :biggrin:

coothead

25

Hi there semicolon,

to put a smile back on your face…

HTML

  <h2>
   <span>FREE</span> / DISCOUNTED RIDES HOME<br>EFFECTIVE JANUARY 1, 2018
  </h2>
   <h3>
    <span>Signed Into Law</span> by Governor Jerry Brown<br>
     Actively Lobbied & Sponsored by:
   </h3>
     <p>
      Ride-Sharing Company<span>LYFT</span>, the<span>Beer & Liquor Industries</span>, 
      and Anheuser-Busch Amending Section 25600 of the Business and Professions Code,
      relating to alcoholic beverages.
     </p>
<!-- #free-rides --></div>

CSS

#free-rides p span {
    display: inline-block;
    padding: 0.25em 0.4em;
    margin: 0 0 0.25em 0.25em; 
    border: 1px solid #008000;
    border-radius: 0.4em;
    background-color: #e2f5af;
    box-shadow: 0.1em 0.1em 0.1em rgba( 0, 0, 0, 0.3 );
    font-size: 1.25em;
 }

coothead

1 Like
26

And I don’t.

27

Well, that is most certainly your prerogative. :winky:

coothead

28

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.