141080 Posted January 9, 2020 Share Posted January 9, 2020 Hi, on my website 141080. com I use a plugin called "SVG Flags". All of a sudden, the flags were not displayed inline anymore. It does not look nice. The support said, I should "just" use some css code to display the flags inline again. For example: there should be the flag of Germany and the word "Deutschland" right behind it, not in the next row. When you got to my website, you can find the flags in the sidebar. Thanks for your help Dennis Link to comment Share on other sites More sharing options...
Ingolme Posted January 10, 2020 Share Posted January 10, 2020 The flags are wrapped in <div> tags, so they're blocks and force adjacent content to the next line. It's easy to fix. All of these divs have a class "svg-flag", so you can just display them as inline blocks. You can add vertical-align to better align them with the text. .svg-flag { display: inline-block; vertical-align: middle; } 1 Link to comment Share on other sites More sharing options...
141080 Posted January 11, 2020 Author Share Posted January 11, 2020 So cool....thank you very much!!! It works! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now