Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS icons in between paragraph breaks

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #27558
    MadeByDesign
    Member

    Hello!!! My first ever css question!!!! :D
    How do I add a small icon in between paragraphs? I don’t want to add them to every single paragraph, just the ones which seem to be a little long (example shown in the attachment).

    Thanks in advance for any help!
    Louisa

    #69393
    mat
    Member

    add style to your css:

    Code:
    p.icon {
    width: 100%;
    display: block;
    background: #fff url(‘../imgpath.jpg’) center top no-repeat;
    }

    Then in the HTML Apply:

    Code:

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

    This should more or less work!

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.