Home/ Questions/Q 8673641
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T19:30:39+00:00

I want to make bubbles containing content, placed around a HTML page. So, I

  • 0

I want to make bubbles containing content, placed around a HTML page. So, I made a .bubble CSS class, and put the positional values as an in-line style. This gave me some rather long lines. The style guides of programming languages I’ve used dictate a maximum line length, and specify how overly long lines should be broken up. Something like

<div class="bubble"
    style="top: 10%;
    left: 40%;
    right: 60%;
    width: 480px;
    height: 295">
    Content.
</div>

…looks absurd. What is good form for this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I would rather look at that in one line. With that said, I pretty much never see it broken like that. And in some cases, I think the browser removes the line breaks anyways.

    Though I would really rather not see in-line CSS.

    However, if you have to have in-line CSS, I think the standard of ‘whatever fits on the screen’ which is 80 characters-ish still holds.

    EDIT

    Just to be sure, I did some light searching for in-line CSS guidelines and ever site I found is strongly against it as a practice all together. I know your question was about in-line CSS but I feel obligate to say don’t. It breaks the concept of separation of concerns. It tightly couples your html to your CSS. What if you want to play around with a new design? Now you have to edit your html directly and risk breaking the flow or the page altogether instead of just pointing to a new CSS file.

    If you need specific CSS for one particular element, slap an ID on it and throw it in your external CSS doc.

    • 0