• Guest, before posting your code please take these rules into consideration:
    • It is required to use our BBCode feature to display your code. While within the editor click < / > or >_ and place your code within the BB Code prompt. This helps others with finding a solution by making it easier to read and easier to copy.
    • You can also use markdown to share your code. When using markdown your code will be automatically converted to BBCode. For help with markdown check out the markdown guide.
    • Don't share a wall of code. All we want is the problem area, the code related to your issue.

    To learn more about how to use our BBCode feature, please click here.

    Thank you, Code Forum.

Problem with the buttons


New Coder

Thank you for letting me use this forum!

I'm having problem with the buttons, I need text to be written in row.

  <button class="section__button text"><img class="section__button__image" src="./images/eyelogo.png"
                    alt="eyelogo">See All</button>
.section__button {
  cursor: pointer;
  border: none;
  border-radius: 20px;
  padding: 20px 50px 20px 50px;
  margin: 111px 115px 0px 0px;
  font-family: Work Sans, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  text-align: center;
  border: 2px solid var(--primary-action-color);
  background-color: transparent;
  display: flex;
  align-items: center;

.section__button__image {
  margin-right: 12px;

first picture is my button and I need to have button like on the second picture.


  • Screenshot 2023-11-21 145257.png
    Screenshot 2023-11-21 145257.png
    3.8 KB · Views: 1
  • Screenshot 2023-11-21 145320.png
    Screenshot 2023-11-21 145320.png
    3.5 KB · Views: 1
Top Bottom